レイアウト

Figmaで公開されているデザインシステムをコレクションしている・「Design Systems For Figma」

スマフォやタブレット向けのプロトタイピングツール・「MockingBot」

CSS Gridを使って六角形のオブジェクトを並べたハニカムなレイアウトを組めるスタイルシート・「Hexi-Flexi-Grid」

Ads

Bootstrapのひな形を手軽に作成出来る・「lollytin」

ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」

Flexboxを使ったレイアウトを手軽に作成出来る・「Fibonacci」

コンポーネント別にまとめられたUIデザインギャラリー・「Call to Idea 」

Tumblrのオリジナルテーマを作成する為のHTML5製テンプレート・「tumblr boilerplate」

WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」

Webサイトでよく用いられるパーツやコンポーネントのデザインフレームワーク・「Refills」

クライアントに伝わるように、という事を目指したワイヤーフレーム用UIキット・「C.ROWE Wireframe Kit」

レスポンシブWebデザイン対応のシンプルなHTMLメールのフレームワーク・「CERBERUS」

スマフォ向けの美しいデザインのUIキット・「Flatastic Mobile UI Kit」

手書き風のアプリ向けUIキット・「Basiliq」

ダイナミックなグリッドレイアウトを実装するスクリプト・「Free Wall」

レスポンシブWebデザインのリソースをまとめているハブサイト・「Responsive Design Knowledge Hub」

Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」

モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」

フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」

ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」

PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」

ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」