Webデザイン

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

ヘッダ、フッタ、ナビゲーション、見出しなど、Webサイトでよく使うパーツのデザインを集めたギャラリーサイトのまとめ

2015/04/15(Wed) 07:59

ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/elements-of-web-design-2015.html

マテリアルデザインを採用した、はじめてのリニューアル要点まとめ -feedly導入編-

2015/04/13(Mon) 08:05

数週間前、Google本社で開催されたワークショップに出席し、新しいスタイルガイドに沿ってfeedlyアプリをリニューアル制作するとどのようになるか考えたあと、マテリアルデザインをつかったリニューアルのポイントをまとめた記事を公開しました。

http://photoshopvip.net/archives/75358

Googleマテリアルデザインとフラットデザインって結局何が違うの？[UI/UX]

2015/04/13(Mon) 08:04

マテリアルデザインのサイトのまとめをみていると「あれ？これフラットデザインじゃないの？」ということがよくあると思います。ややこしい気もしますが「考え方が違う」という部分からなら理解しやすいと思います。

http://matome.naver.jp/odai/2142379522980270301

ECサイトのレイアウトを見直して売上をアップさせる8つのノウハウ

2015/04/10(Fri) 07:54

今回は、少しでも簡単にサイトの課題箇所を改善できるよう、ページ別に改善のコツをまとめました。まずはサイトの中でもとくに問題があると思われるところから着手して、少しずつ確実に売り上げの上がるサイトへと改善していきましょう！

http://liginc.co.jp/web/useful/153640

今どきのウェブデザインを実現！参考にしたい無料UIコンポーネント素材をまとめ

2015/04/09(Thu) 08:01

今回は、機能性と高いデザイン性が魅力的な、無料UIコンポーネント素材をまとめてご紹介します。素材はどれもPhotoshopで編集することができ、これからのデザイン制作やプロジェクト案件の参考にしたい、デザイントレンドを盛り込んだフリー素材が中心に揃っています。

http://photoshopvip.net/archives/75260