Web制作に役立つ情報一覧

レスポンシブの表示も完璧に定義できる優れもの！スタイルガイドを作成するのに役立つテンプレート -Styleguide

2016/05/20(Fri) 07:35

スタイルガイドとして見やすくて使いやすく、そして作成・編集も簡単に行え、モジュール式でカスタマイズ性にも優れたスタイルガイドを作成できるnode.jsベースのテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/visual-style-library-styleguide.html

デザインやイラストの質感アップに効果あり！無料でダウンロードできるPhotoshopのブラシのまとめ

2016/05/19(Thu) 07:33

人物の肌や髪に質感を与えたり、水彩や油絵やペン画のようなタッチに仕上げたり、レース柄や水滴などがさっと描けたり、マンガで使うスクリーントーンなど、イラストやお絵描きやデジタルアートなどに無料で使えるPhotoshopのブラシを紹介します。

http://coliss.com/articles/build-websites/operation/design/free-photoshop-brushes-2016-spring.html

GoogleからWeb制作者に便利な新ツールがローンチ！サイトやブログがモバイルフレンドリーか確認できるオンラインツール

2016/05/19(Thu) 07:32

昨日、Googleから新しいツールがローンチされました。Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。

http://coliss.com/articles/web-services/online-mobile-friendly-check.html

有名映画の配色カラーパレットを集める Twitter アカウント @CINEMAPALETTES

2016/05/18(Wed) 07:28

選択されているシーンは、どれも映画からキャプチャされたものとなっており、そこから配色カラーパレットを作成することで、映画の雰囲気をうまく演出しています。

http://photoshopvip.net/90091

最近のWebサイトで見かける便利な機能や仕掛け、気持ちいいアニメーションを実装するCSSやスクリプトのまとめ

2016/05/18(Wed) 07:27

最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html

CSSで実装するボタンホバー時のボーダーアニメーションエフェクト

2016/05/18(Wed) 07:26

自分用に一覧化したのがほしくて作ったのでシェアします。主にゴーストボタンなどのシンプルなボタンデザインのホバーエフェクトとして使われることが多いと思うボーダーアニメーションのサンプルです。

http://www.nxworld.net/tips/css-button-hover-border-effects.html

CSSでコンテンツが少なくてもフッターをウィンドウ下部に表示する方法

2016/05/17(Tue) 07:30

特に何も考えず組んでいると、コンテンツの内容が少ない場合に本来ウィンドウ下部に表示されてほしいフッターコンテンツなどが中途半端な位置に表示され、その分フッターとウィンドウ下部の間にある領域に大きな空白ができてしまうことがあります。

http://www.nxworld.net/tips/css-sticky-footer.html

Web制作者がチェックしておきたい！デザイン要素の定義や見せ方が勉強になる最近のスタイルガイドのまとめ

2016/05/17(Tue) 07:29

Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。

http://coliss.com/articles/build-websites/operation/work/style-guides-for-web-design.html

ウェブデザイナーが見直しておきたい、2016年のウェブデザイントレンド10個まとめ

2016/05/17(Tue) 07:28

今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。

http://photoshopvip.net/89886

最先端ウェブデザインを体感する！アニメーションが美しいUIデザインまとめ

2016/05/17(Tue) 07:27

ブラウザやウェブサイト体験が進化したことで、さまざまなアニメーションを実装したウェブサイトや、モバイルアプリへの注目が集まっています。今回は「気持ちの良い動き」がポイントとなった、最新UIデザインをまとめてご紹介します。

http://photoshopvip.net/90033