Webデザイン補助

CSSからブレークポイントを探して、その設定に応じた幅での表示状態をまとめて確認出来るブックマークレット・「BreakpointTester」

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

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

Ads

マークアップ不要でWebサイトのレイアウトから公開まで行える・「Webydo」

ダミーテキストやダミーのユーザー名を作成出来る国産ツール・「DummyObject」

ダミーのユーザー名と画像を生成する・「Random User Generator」

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

PSDファイルのバリデーションツール・「PSD VALIDATOR」

RWDのワイヤーフレームを作成出来る・「Responsive Wireframes」

CSS3を手軽に試せるジェネレーター・「CREATE CSS3」

任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」

Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」

SVGによる背景を作成出来る・「SVGeneration」

著作権フリーでクオリティの高い写真素材を10日に1回、10枚配布する・「UNSPLASH」

CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」

Google Web Fontのフォントの差分を確認出来る・「Tiff」

別のブラウザで表示確認する際、URLのコピペを不要にするブックマークレット・「Catapulty」

有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」

Hacker Newsライクなデザイナー向けニュースサイト・「Designer News」

iOS7向けのアイコン作成用Fireworksテンプレート・「Template for iOS 7 App Icons (FW)」

レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」

FFFFOUND!からダミー画像を生成・「hhhhold!」