CSS/HTML Webデザイナー向け
CSS/HTML その他 商用でも無料で利用できる、高解像度な写真素材の配布サイト・「KaboomPics.com」
その他 PSDファイルで利用されているフォントを調べるツール・「.psd fonts」
その他 様々なWebサービスのブランドガイドラインをまとめた・「Find Guidelines」
最適化ツール OSSとしても公開されているHTMLチェックツール・「HTMLHint」
最適化ツール 閲覧中のWebサイトのブレークポイントに沿ったプレビューを作成するChromeエクステンション・「Emmet Re:View」
JavaScript 画像をクリック時に全画面表示するスクリプト・「Intense Images」
インスピレーション 動画やGIFで確認出来るiOSアプリのUIモーションギャラリー・「CAPPTIVATE.co」
ソフトウェア コメントアウトや空要素等を取り除けるHTML圧縮ツール・「HTML Minifier」
CSS/HTML CSSのbackground-blend-modeとgradientを使った背景パターンを公開する・「CSS Gradients with background-blend-mode」
JavaScript 段落に直接コメントできるMediumスタイルを実装出来るスクリプト・「SideComments.js」
Webデザイン補助 Photoshopで2Dアニメーションを作るためのリソースをまとめている・「Photoshop Animation」
インスピレーション コンポーネント別にまとめられたUIデザインギャラリー・「Call to Idea 」
CSS/HTML Google製のマルチデバイス対応Boilerplate・「Web Starter Kit」
JavaScript tableのデータを様々なフォーマットでエクスポート出来る様にするスクリプト・「HTML Table Export」
JavaScript input要素のラベルにアニメーションエフェクトを追加するスクリプト・「FancyText」
JavaScript グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」
Webデザイン補助 利用されているWebフォント名と、そのフォントの表示テストを行えるブックマークレット・「Type Sample」
JavaScript Webサイトにシンプルなスクロールエフェクトを追加できるスクリプト・「ScrollMe」
CSS/HTML 多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」
その他 WordPressでメガメニューを実装出来るプラグイン・「JQuery Mega Menu Widget」
Webデザイン補助