Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
Post on:2014年7月3日
2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。 各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。 アートワーク […]
[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック
Post on:2014年7月2日
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 Responsive […]
[JS]実装が簡単！要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It
Post on:2014年7月2日
ページがロードされた時、ビューポートに要素が表示された時に、指定した要素をさまざまなCSS3アニメーションで表示するjQueryのプラグインを紹介します。 外部ファイルをセットして、あとは要素にclassを加えるだけの簡 […]
[CSS]フラットなデザインに使いたい！タップ時の新しいエフェクト「波紋」のアニメーションを実装するテクニック
Post on:2014年7月1日
Googleが先日発表したAndroid Lで使われる新しいUX「Material Design」で採用されているようなタップすると波紋のように円が広がるエフェクトを実装するテクニックを紹介します。 タップやクリックでよ […]
画像がかっこよく仕上がる！躍動感や疾走感を加えるPhotoshopのブラシとベクター素材（期間限定無料）
Post on:2014年7月1日
画像やテキストに滴が弾けるようなかっこいいエフェクトをつけるPhotoshop CS3+対応のブラシとベクター素材を紹介します。 無料の期間は今週末までとなっているので、お早めにー 30 Splatter Brushes
すぐに使える！アニメーションを使ったUIエレメントのスニペットのまとめ -Kickdrop
Post on:2014年6月30日
そのまますぐに使えて、デザインも素敵！ アニメーションを使ったさまざまなUIエレメントのスニペットを配布しているKickdropを紹介します。 Kickdrop
[CSS]レスポンシブ対応、スクリプト無し、完成度も非常に高いタブコンテンツを実装するテクニック
Post on:2014年6月30日
スクリプトは一切使用せず、デスクトップ時はタブコンテンツ、スマフォ・タブレット時はタブをスケールダウンに変更してコンテンツを表示するスタイルシートのテクニックを紹介します。 単にレスポンシブ対応のタブというだけでなく、コ […]
Web制作者もクライアントも注目しておきたい、魅力的なWeb制作会社・クリエイター集団のまとめ
Post on:2014年6月27日
Web制作会社の一つの基準はいいサイトを作っているかどうか、クリエイティビティに溢れる日本のWeb制作会社・Webクリエイター集団はたくさんありますが、その中から特に注目している集団を厳選して紹介します。 制作者としてよ […]
[JS]縦長ページで構造に合わせて水平コンテンツをうまくレイアウトするスクリプト -gridscrolling.js
Post on:2014年6月27日
メインコンテンツとなる垂直に配置されたsection要素に、それぞれのサブコンテンツとなるaside要素を水平に自動配置するjQueryのプラグインを紹介します。 垂直・水平スクロールを使ったウェブページだけでなく、プレ […]
配色に悩んだ時の参考にしたい！最近の人気があるカラーをおさめたPhotoshop/Illustrator用のスウォッチ素材のまとめ
Post on:2014年6月26日
フラットなスタイルに合うカラー、iOSで使われているマットなパステルカラー、さまざまなWebサービスやブランドで使用されているカラーなどのスウォッチ素材を紹介します。 ↑は以前紹介した「最近のウェブデザインで人気のカラー […]
sponsors
