サイト構築
Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワーク -Hartija
Post on:2015年5月27日
Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワークを紹介します。 Hartija CSS Print Framework -GitHub
こんなツールが欲しかった！Photoshopで面倒なスプライト画像をあっという間に作成できる機能拡張 -Sprite Sheet Gen
Post on:2015年5月26日
CSSスプライト用の画像はどうやって作成してますか？ ロゴやナビゲーションやアイコンなどをPSDファイルにちまちま並べて、Photoshopで書き出す感じでしょうか。 そんな面倒な作業とおさらばできる便利な機能拡張「Sp […]
[JS]変形アニメーションがかっこいい！アイコンをクリック・タップすると別のアイコンに変えるスクリプト -iconate.js
Post on:2015年5月26日
オフキャンバス メニューなどで最近よく見かける、アイコンをクリック・タップすると、別のアイコンにアニメーションで変形させる単体のスクリプトを紹介します。 実装も非常に簡単で、それぞれのアイコンとアニメーションを指定するだ […]
Bootstrapで日本語をより美しく表示させることにこだわった無料のテーマ -Honoka
Post on:2015年5月25日
Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「 […]
normalize.cssで使用されている各スタイルがどのように機能しているか解説
Post on:2015年5月21日
先日紹介した「sanitize.css（紹介記事）」や「Marx（紹介記事）」などリセット用CSSの新しいアプローチが増える中、ブラウザごとの要素の相違を吸収するのに人気なのはまだまだ「normalize.css」でしょ […]
実装は超簡単！デザインがかわいく、アニメーションもかわいいCSSで実装された軽量スピナー
Post on:2015年5月19日
ページのローディング時によく使われる、デザインがかわいく、アニメーションもかわいいCSSで実装されたスピナーを紹介します。 divひとつのミニマルなHTMLで、簡単に実装できます。 CSS Spinners CSS Sp […]
Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ
Post on:2015年5月18日
Webデザインのセンスを磨くには、いいものをたくさん見て引き出しを増やすこと。 最近公開されたUIデザインのアートワークをDribbbleから紹介します。 人気が高いのは、写真をより魅力的に見えるようにレイアウトすること […]
無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ
Post on:2015年5月15日
レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、デザインやHT […]
フォームはラベルの配置場所で使いやすさが全然変わる！ユーザーが利用しやすいフォームを徹底考察
Post on:2015年5月14日
あなたのフォームは、ユーザーが簡単に利用できますか？ もし簡単でないなら、フォーム入力を完了するのも予想以上に難しいとも言えます。 ユーザーが入力しやすく、そして入力内容の確認も簡単なフォームについての考察を紹介します。 […]
分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック
Post on:2015年5月14日
デザインの基本を顧みることもたまには必要ですよね。 分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィックを紹介します。 10 Basic Elements of Design
sponsors
