文章の折り返し指定のCSS最新版 - ICS MEDIA

2024/04/11 202 users レイアウト 結論 CSS指定 ICS MEDIA みなさん

文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？　この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると... 続きを読む

HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA

2023/06/22 288 users HTMLコーディング ICS MEDIA 常識 連載 傾向

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Nuxt Vue NEXT

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

文章の品質向上に役立つ！ Figmaのプラグイン「テキスト校正くん」を公開

2022/03/09 196 users figma Figma上 テキスト校正くん プラグイン 文章

ウェブ制作の現場で一般的に使われるようになってきたデザインツール「Figma」。そのFigma上で動作する文章校正支援プラグイン「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for Figma 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高める... 続きを読む

ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie

2021/08/31 435 users ペイジ Knowledge baigie タスク ドキュメント

営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のよう... 続きを読む

昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2021/07/15 375 users いまどき ICS MEDIA HTML制作 アンケート結果

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケー... 続きを読む

「Angular」「React」「Vue」の3大フレームワークに集約　ICSの代表が教える「フロントエンド技術」のトレンド - ログミーTech

2021/01/26 399 users ユーザーインターフェイス ICS React angular

「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ... 続きを読む

成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie

2020/12/16 1089 users Knowledge baigie ペイジ BtoBサイト 反響

約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多く... 続きを読む

HTMLコーダーにとっての2020年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2020/07/10 251 users HTMLコーダー いまどき ICS MEDIA アンケ 常識

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第6回目となる本記事ではウェブ業界の「HTMLコーダーにとっての2020年」と題してアンケ... 続きを読む

ウェブ制作がすご楽！便利な最新オンラインツール個まとめ - PhotoshopVIP

2019/09/02 497 users PhotoshopVIP

この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これな... 続きを読む

ウェブ制作が捗る！便利すぎる最新オンラインツール、無料素材56個まとめ - PhotoshopVIP

2019/06/23 126 users PhotoshopVIP 最新オンラインツール

この記事では、Webデザインやグラフィックデザインの制作が捗る、公開されたばかりの最新便利オンラインツール、無料デザイン素材をまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフ... 続きを読む

フリーランスを「使い捨て」にするベンチャー企業の実態。 「株式会社北風と太陽」が駆使するやり方とは。（エピソード3）｜総合サポートユニオン｜note

2019/06/21 192 users Note フリーランス 実態 制作プロダクション 太陽

フリーランスを「使い捨て」にするベンチャー企業の実態。 「株式会社北風と太陽」が駆使するやり方とは。（エピソード3） 医療分野に特化した制作プロダクションを謳う「株式会社東京アドメディカ」のウェブ制作等を担う別会社である「株式会社北風と太陽」にて、プロジェクトマネージャー兼ウェブディレクターとして業... 続きを読む

エンジニアのための、いますぐ使える文章校正テクニック

2019/04/14 669 users 文章校正テクニック エンジニア ICS MEDIA 一例 文章

ウェブ制作や開発の仕事で文章を扱う機会は多いはず。書き手は不自然に思っていない文章でも、読み手は違和感をもっていることがあります。文章校正テクニックを覚えるだけでおかしな表現は少なくなり、読みやすい文章を書けるようになります。 本記事では、ICS MEDIAで実践している文章校正の一例を紹介します。 レベル... 続きを読む

エンジニアのための、いますぐ使える文章校正テクニック - ICS MEDIA

2018/10/05 663 users ICS MEDIA 校正 文章校正テクニック エンジニア 定番

メールや原稿作成など、ウェブ制作や開発の仕事で文章を扱う機会は多いはず。書き手は不自然に思っていない文章でも、読み手は違和感をもっていることがあります。定番の文章テクニックを覚えるだけでおかしな表現は少なくなり、読みやすい文章を書けるようになるでしょう。 本記事では、ICS MEDIAで気をつけている校正... 続きを読む

ウェブサイトをもっと面白く！コピペ可能なHTML/CSSスニペット75個まとめ 2018年7月度 - PhotoshopVIP

2018/07/10 118 users グリッチエフェクト マイクロインタラクション テクニック

ウェブ制作で差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS スニペットをまとめてご紹介します。2018年を代表するグラフィックデザインのトレンドでもある、グラデーションやグリッチエフェクト、ちょっとした動きが魅力的なマイクロインタラクション、CSS Gridプロパティの実践的な使い方など、... 続きを読む

CSSコーダーにとっての2018年のコーディング事情。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2018/04/26 155 users CSSコーダー いまどき Twitter ICS MEDIA

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。 自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第四回目となる本記事では ウェブ業界の「フロントエンド」を中心にアンケート結果を紹介します 。アンケートは筆者の Twitter から実施していたものです。 CSSのベンダープレフィ... 続きを読む

「娘に情報が古いと指摘されます」 老舗サイト「とほほのWWW入門」の管理人ってどんな人？ | HRナビ by リクルート

2017/11/17 1613 users WWW入門 Ruby Python リクルート HRナビ

90年代後半から2000年代にウェブ制作を経験した者なら『 とほほのWWW入門 』と聞いて、ピンと来ない人はいないだろう。同サイトは、HTMLやJavaScript、Ruby、Pythonなどの基礎知識が学べる、ウェブ制作初心者にとってはバイブルのような、とてもありがたい存在だ。サイトが開設されたのは1996年。国内でインターネットが普及し始めた初期からある老舗サイトで、お世話になった人も多いはず... 続きを読む

ウェブ制作が超快適に！デザイナーは入れておきたい Chrome 拡張機能20個まとめ - PhotoshopVIP

2017/05/08 173 users PhotoshopVIP Chrome デザイナー

PhotoshopVIP編集部： 2016年3月14日に公開された記事を再度編集、追加しています。 グラフィックデザインの世界は進化を続けてお Sizzy Sizzy は、iPhoneなど各種スクリーンサイズでどのようにウェブサイトが表示されるのか、まとめて確認することができる拡張機能。 こちら よりURLを入力することで、動作確認を実際に行うことができます。 CSS Peeper CSS Pee... 続きを読む

レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 - PhotoshopVIP

2017/01/17 153 users PhotoshopVIP レスポンシブ対応 無料

ウェブサイトの閲覧方法は、モバイルやタブレットの普及によって大きく変わってきており、あらゆる端末へ対応することがウェブデザイン制作では必須となってきています。このややこしい問題を解決する、もっとも一般的な方法のひとつが、 レスポンシブWebデザイン です。 レスポンシブWebデザインとは、デスクトップやタブレット、スマートフォンなどさまざまな画面サイズごとにデザインを調整でき、あらゆるデバイスに最... 続きを読む

ウェブ制作で差がつく！コピペ可能なHTML/CSSスニペット50個まとめ 2016年10月度 - PhotoshopVIP

2016/10/21 129 users Ｒｕｎ ホバーエフェクト PhotoshopVIP 一味 工夫

ウェブ制作で差がつくテクニックを コピー&ペーストで利用できる HTML/CSS スニペット をまとめてご紹介します。最新のデザインテクニックを駆使したレイアウトやスライダー、ボタンエフェクト、ホバーエフェクトなど ユーザーがたのしむことができる 工夫のつまった作品が数多く公開されています。これらのスニペットを利用することで、他とは一味違うユニークなウェブサイトを制作してみてみましょう。 「Run... 続きを読む

今どきのウェブサイトをつくろう！差がつくHTML/CSSコードスニペット27個まとめ - PhotoshopVIP

2016/02/16 709 users ウェブデザイン PhotoshopVIP 今どき レイアウト

新しいテクニックを活用した、最先端のウェブデザインから学ぶ、今後のウェブ制作に活用したい素敵なHTML/CSSコードスニペットをまとめています。 コピー&ペーストで利用できるお手軽なCSSアニメーションやホバーリンクなどに加え、インパクトのあるレイアウトを実現できる本格的なアイテムやプラグインが揃います。スマートフォン端末ユーザーがさらに増えると予想される2016年、レスポンシブデザインやSVG形... 続きを読む

ウェブ制作の時短テクニック！すごいUIコンポーネント素材18個まとめ 2015年12月度 - PhotoshopVIP

2015/12/16 112 users PhotoshopVIP 時短テクニック

現在人気のトレンドデザインをうまく取り込んだ、無料ダウンロードできる Photoshop用最新UIコンポーネント素材 をまとめています。 2015年に入ってよく見かけるようになった、 カード状レイアウト が数多く公開されており、ドラッグ＆ドロップで組み合わせことができるアイテムは、制作時間の短縮にもつながります。またフォルダごとに整理されたファイルは、制作の参考にすることもできるでしょう。 詳細は... 続きを読む

CSSコピペで利用！話題のボタンデザイン用スニペット、サンプル30個まとめ - PhotoshopVIP

2015/11/17 137 users CodePen PhotoshopVIP CSS コード 以下

CSSをコピペしてウェブ制作に活用できる、ボタン用スニペットサンプルを、WEBデザイナーのためのコードコミュニティサイト、Codepenよりピックアップしてまとめています。 その場でコードを確認、編集することができるので、幅広いデザインプロジェクトに応用でき、アニメーションをうまく活かした新しいスタイルを、今後のウェブサイト制作に活用してみてはいかがでしょう。 詳細は以下から。 CSSコピペで利用... 続きを読む

あなたのデザインインスピレーションを今すぐ解決しますという神コンセプトのウェブサービス「calltoidea」 | Flips Blog Web担の小技

2015/07/29 369 users ウェブサービス カテゴリ分け パーツ 種類 Web担

callto idea というウェブサービスなんですが、かなりいい仕事をしてくれると思います。 これすごいですね。 まとまりかたというかカテゴリ分けも綺麗にされているし、種類もまた凄く豊富です。 そもそも何がすごいかというとウェブ制作でここのパーツつくりたいけど、「あああ、いいアイデアがない！」という状態を、今すぐ解決しますよっていうのがサービス・コンセプトとして掲げられているからです。 実際見て... 続きを読む

ウェブ制作がメチャ捗るGoogle Chromeの「超優秀スマホプレビュー機能」を君は知っているか？

2015/04/03 114 users Google Chrome デフォ プレビュー機能 ウェブ

スマホファーストという声が大きくなって幾星霜。 スマホレイアウトありきでウェブ制作されることも多くなったと思います。 みなさんどうやってスマホレイアウトを作ってますか？ もしかして実機でわざわざ確認したりしてませんか？ 実は、Google Chromeは大変優秀なプレビュー機能を備えていたのです。デフォで。しかも無料。 Google Chromeの超優秀スマホプレビュー機能が凄い！ さっそく、Go... 続きを読む