サイト構築 -実装
Bootstrapにフォームのバリデーションや通知パネルなど、便利な機能を簡単に追加できるスクリプト -Smoke
Post on:2015年6月1日
Bootstrapで作成したページに、外部ファイルと数行のコードを加えるだけで、さまざまな便利な機能を追加できるjQueryのプラグインを紹介します。 Bootstrapの対応バージョンは、3.xです。 Smoke Sm […]
ニュージーランドの女の子が書いたカリグラフィが、かなりカッコイイと話題に！ -Brand by Hand
Post on:2015年5月29日
「Brand by Hand」は、Sara MarshallがAUT大学の卒業プロジェクトとして取り組んだもので、有名ブランドの特徴をかっこいいカリグラフィで表現した作品です。 あちこちのデザインコミュニティで話題になっ […]
[JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu
Post on:2015年5月29日
縦長ページにナビゲーション機能とスクロール機能を融合させた、実用性とデザイン性を兼ね備えたスクロールメニューを実装できるjQueryのプラグインを紹介します。 細かいとこまで配慮が行き届いた設計に、よく考えられてる！と思 […]
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から紹介します。 人気が高いのは、写真をより魅力的に見えるようにレイアウトすること […]
sponsors
