Webデザイン

ここ半年で話題になったデザインに関する知見が広がる5つの記事

2015/05/25(Mon) 07:55

直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。

http://creive.me/archives/5872/

Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ

2015/05/20(Wed) 07:54

人気が高いのは、写真をより魅力的に見えるようにレイアウトすること、またアニメーションを使ったユーザーを楽しませるインタラクションも面白いものばかりです。

http://coliss.com/articles/build-websites/operation/design/showcase-ui-design-by-dribbble-2015-spring.html

無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ

2015/05/18(Mon) 07:46

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-spring.html

分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック

2015/05/15(Fri) 07:56

デザインの基本を顧みることもたまには必要ですよね。分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィックを紹介します。

http://coliss.com/articles/build-websites/operation/design/10-basic-elements-of-design-by-secondfret.html

今更聞けない画像ファイルの種類と使用する形式の選択

2015/05/01(Fri) 08:46

画像ファイルは多くの形式が有りますが、それぞれについての目的を勉強してみましょう。ウェブ業界は長いけど、ファイル形式について今更人にきけない・・・という方にオススメです！

http://flipsblog.jp/archives/2055

Googleマテリアルデザインを採用するときに確認したい無料素材まとめ

2015/05/01(Fri) 08:45

海外デザインブログCSS Authorで、マテリアルデザインを採用するときに確認したいUIコンポーネントやフレームワーク、CSSエフェクトなどの無料デザイン素材をまとめたエントリー「Material Design Resources for Designers & Developers」が公開されていたので、今回は特に使い勝手の良さそうなアイテムを中心にまとめてご紹介します。

http://photoshopvip.net/archives/76259

自分のHTMLやCSSのコーディング環境がベストか見直してみよう！作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本

2015/04/29(Wed) 07:48

SassやLESSなどのCSSプリプロセッサ、OOCSSやBEMを使ったCSSの設計、Gitでのバージョン管理、gulpを使ったタスクランナー、Bootstrapなどのフレームワークの導入など、ここ数年でコーディング業界にさまざまな新しい技術やツールが登場しました。

http://coliss.com/articles/book-review/isbn10-4844364936.html

Googleモバイルフレンドリーに対応しよう！ダメなレスポンシブWebデザインから卒業するために知っておきたいことがよく分かるオススメの本

2015/04/27(Mon) 08:02

マルチデバイス対応のWebページを制作する際、何を参考にしていますか？他のWebページがどのように実践しているか参考にしたり、実機でレイアウトを試したり、レスポンシブのツールを使ったり、いろいろあると思います。

http://coliss.com/articles/book-review/isbn10-4839954879.html

クリエイティブなファビコンを設置しよう

2015/04/24(Fri) 08:07

Webサイトの制作時に、特に初心者さんが忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！

http://www.webcreatorbox.com/tech/favicon/

スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr

2015/04/21(Tue) 07:50

iPhone 4, 5, 6, 6+をはじめ、Android各機種のスマホ、iPad, Surface, Kindleなどのタブレットのさまざまなスクリーンサイズをエミュレートし、それぞれのサイズでWebページがどのように表示されるかチェックができるオンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/online-tool-resizr.html