サイト構築 -制作
ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate
Post on:2013年7月9日
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされ
2013年この半年によく見かけたウェブデザインのトレンドをまとめたインフォグラフィック
Post on:2013年6月27日
2013年のウェブデザインのトレンドは、2012年のトレンドを伴いつつ、新しいエッセンスが加わりました。スマフォの普及、Windows8の登場に大きな影響を受けたトレンドもあります。 2013年も半分過ぎ、この半年によく
フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法
Post on:2013年6月19日
フォームの入力欄にテキストを表示するテクニックとして、HTML5のplaceholder属性やtitle属性にいれたテキストをスクリプトで置き換える方法などがあります。 しかし、placeholderはplacehold
複数ページにも対応とは！ページに分かりやすいプロダクトツアーを加えるフレームワーク -Hopscotch
Post on:2013年6月17日
ページに分かりやすく、プロダクトツアーを加えるフレームワークを紹介します。 似たようなスクリプトはたくさんありますが、これはツアー移動のアニメーション、ツアーを戻る、そして複数ページにも対応しています。 1ページ内でのツ
普段使ってるCSSのパフォーマンスとメンテナンス性をアップさせるOOCSSベースの超軽量フレームワーク -Kraken
Post on:2013年6月6日
オブジェクト指向CSS（OOCSS）のコンセプトは普段使ってるCSSのパフォーマンスとメンテナンス性を向上させること。 そんなOOCSSをベースに設計された、モバイルファーストの拡張性も備えた超軽量フレームワークを紹介し
スマフォアプリの操作が気持ちいいエフェクトがたくさん！タップ操作時のエフェクトのまとめ -Tapotype
Post on:2013年6月4日
スマフォのアプリで見かけるタップ時のさまざまなエフェクトをコレクションしているTapotypeを紹介します。 Tapotype
UIのアニメーションを目的別に分けたまとめ -Meaningful Transitions
Post on:2013年5月30日
デスクトップやスマフォやタブレット向けのページやアプリのユーザインターフェイスには、多種多様なアニメーションが使用されています。 ユーザーの助けになるよう目的にあった有意義なアニメーションを実装できるよう、ユーザーのイン
IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス
Post on:2013年5月22日
Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScri
ウェブサイトやブログを制作する時の手書きのワイヤーフレームのまとめ
Post on:2013年5月14日
ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。 30 Great
レスポンシブの確認を見た目だけでなく、CSSに基づいた検証もできるChromeの機能拡張 -Responsive Inspector
Post on:2013年5月13日
レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。 Responsive I
sponsors
