サイト構築 -実装
パタパタするアニメーションがかわいいTwitterのボタン
Post on:2012年6月26日
Twitterのロゴデザインにマッチしたかわいいアニメーションをつかったボタンを紹介します。 Animated Twitter Button
人はなぜ角丸に魅かれるのか、その理由と角丸の効果的な使い方
Post on:2012年6月8日
ウェブのインターフェイスだけでなく、現実の世界でもたくさんの角丸を目にします。角丸は一時のトレンドではなく、デザインのスタンダードと言ってもよいでしょう。 そんな角丸がなぜ好まれるのか、どう使えばよいのか、ウェブページに […]
Appleの最近のプロダクトで使用されているかっこいいテクスチャをさくっと作るチュートリアル
Post on:2012年5月30日
iPhone, iPadのiOSの背景をはじめ、SafariなどAppleのさまざまなプロダクトで使用されているかっこいい布地のテクスチャを作るチュートリアルを紹介します。 慣れたら、1分くらいでさくっと作れます。 Ho […]
ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
Post on:2012年5月25日
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of s […]
2012年のロゴデザインのトレンド -2012 Logo Trend Report
Post on:2012年5月7日
2012年のロゴデザインの15のトレンドを紹介します。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 2012 Logo Trends
ウェブのインターフェイスを考察する時、物理的なプロトタイプを使ってみるスタディ
Post on:2012年4月26日
ウェブのインターフェイスやインタラクションを考察する時、モニターから離れてリアルの物理的なプロトタイプでスタディするのもいいよ、という記事を紹介します。 Interface Origami
円・サークルのエレメントをウェブデザインに使いたいときに参考になるサイトのまとめ
Post on:2012年2月28日
コンテンツの重要な箇所を円形のエレメントで強調したり、背景にさりげなく円形のエレメントを使用したりなど、円形のエレメントを巧く使ったウェブサイトを紹介します。 また、円・サークルを効果的に使う方法は以前の記事を参考にどう […]
[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート
Post on:2012年2月27日
JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 Pure CSS3 typing animation with steps()
ちょっとぼんやりした画像をくっきりさせるPhotoshopのチュートリアル
Post on:2012年2月24日
元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-des […]
[JS]スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ
Post on:2012年2月23日
パララックスをはじめ、パスに沿ってスクロールさせたり、スクロールに合わせてパネルを表示するなど、スクロール時に面白いエフェクトを与えるjQueryのプラグインを紹介します。 scrollorama スクロールに合わせて、 […]
sponsors
