
Webデザイナー向け


ダミー画像をSVGで作成出来るオープンソースのダミー画像生成ツール・「placeholder.pics」

複雑なtableでも対応できる、セルがどの列と行に属しているかをハイライトするスクリプト・「jquery-gettable」

checkboxにアニメーションエフェクトを付与するCSS・「Checkbox.css」

WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」

Typeformの代替として開発されたオープンソースのフォーム作成ツール・「TellForm」

HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」

レスポンシブWedデザイン対応のシンプルで軽量なグリッドレイアウト・「Simple Grid」

Open Street Mapを使って地図のデザインをカスタマイズ、画像化して保存出来るマップ作成サービス・「Map Stack」

jsfiddleのようなテストツールをオフラインでも利用出来るChromeエクステンション・「Web Maker」

モバイルアプリのUIをアニメーションで紹介するデザインギャラリーサイト・「UI Interactions」

様々なECサイトのスタイルや利用しているツール等を合わせて紹介しているWebデザインギャラリーサイト・「ecomm.design」

Webサイトのテーマカラーをユーザーが選べるようにする為のスクリプト・「jquery Theme Switcher」

40以上のストックフォトサイトからCC0の画像を横断検索出来る・「LibreStock」

複数ストックフォトサイトから有料/無料の写真を横断検索出来る・「Dashmote」

jQuery+PHP製のドラッグ&ドロップで構築可能なHTMLメール作成ツール・「Simbyone Newsletter Builder」

任意の画像を解析し、ベースカラーとなっている色のカラーコードとPANTONEのコードを抽出する・「Impalette」

Illustratorライクに使えるフリーのSVGグラフィックエディタ・「Boxy SVG」

複数選択可能なselect要素でoptionを選択しやすくするスクリプト・「PopSelect」

Photoshop内でGoogle Fontsに公開されているフォントを選択出来るフリーのPhotoshopプラグイン・「Fontea」

可愛らしいスタイルのタイムピッカーを実装出来るスクリプト・「timedropper」
