サイト構築
Photoshopの最近の気になるデザインテクニックを身につけるチュートリアルのまとめ -2015年1月
Post on:2015年1月28日
背景に使う大きな写真画像に重ねたテキストをくっきり見せる5つのテクニック、気持ちよくアニメーションするGIFの作り方、幾何学や粒子の使い方、テクスチャやブラシでかっこよく仕上げるなど、最近の気になるデザインのテクニックを […]
Webデザインのカラー、レイアウト、エフェクトなどのアイデアに困った時に時間をかけて見たいサイトのまとめ
Post on:2015年1月27日
Webデザインに関するアイデアやインスピレーションが得られるサイトを紹介します。 自分の引き出しには無い何かがきっと見つかる、たぶん見つかる！ 写真：Gratisography
レスポンシブWebデザインで必要な配置の仕組みがよく分かるアニメーションを使った解説
Post on:2015年1月26日
レスポンシブWebデザインを使用する際、Webデザインの配置がどのような仕組みになっているかを理解することは非常に重要です。PhotoshopやIllustratorなどのデザインツールに比べてそれは複雑で、スクロールや […]
[JS]簡単で楽ちん！さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs
Post on:2015年1月26日
CSS3を使った軽量でかっこいいさまざまなアニメーションでコンテンツを表示するタブコンテンツを実装するjQueryのプラグインを紹介します。 タブコンテンツのスタイルも豊富に用意されており、シンプルなHTMLで簡単に実装 […]
2015年これからのWeb制作業界の流れ、伸ばしておきたいスキル、Webデザインのトレンドなどのまとめ
Post on:2015年1月23日
数多くのブログで2015年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目すべきキーワードは、Material Designの本格始動、マイクロデザイン […]
2014年、デザインやコンセプトが素晴らしかったWebサイトのまとめ -Best Website Designs of the Year 2014
Post on:2015年1月22日
UIデザインの有益な情報を提供しているzitrusfrischから、2014年にそのコンセプトやデザインが素晴らしかったクリエイティブなWebサイトを紹介します。 MMXIV -Best Website Designs […]
[CSS]classの命名など気になるテクニックがいろいろ取り入れられているレスポンシブ対応のフレームワーク -Skyline
Post on:2015年1月21日
大規模サイトから個人のポートフォリオやブログまで、さまざまなデザインをサポートするための汎用性に優れたアーキテクチャで設計されたCSSのフレームワーク「Skyline」を紹介します。 Skyline Skyline -G […]
[JS]懐かしい！あのテトリスがWebページに簡単に設置できるスクリプト -Blockrain.js
Post on:2015年1月20日
数行のコードをコピペするだけで、テトリスをWebページに簡単に設置できるjQueryのプラグインを紹介します。 テトリスは実際にプレイすることが可能で、スコア機能もついています。しかもレスポンシブ対応！ Blockrai […]
[JS]非常に少ないコードでパララックスのエフェクトを実装できるスクリプト -Parallaxor
Post on:2015年1月19日
指定した要素をスクロールに応じて、さまざまな方向に異なるタイミングでアニメーションさせることができるjQueryのプラグインを紹介します。 Parallaxor -GitHub
Webデザインの勉強になる！有名ブランドサイトのスタイルガイドのまとめ -Brand Style Guide Example
Post on:2015年1月16日
最近はスタイルガイドを公開しているサイトも増えてきました。有名ブランドのWebサイトのスタイルガイドやガイドラインを数多くまとめているサイトを紹介します。 なんとなく眺めるだけでもよし、もちろん実装方法やレイアウトのバリ […]
sponsors
