Webデザイナー向け

CSS/HTML

Webアプリの為に設計されたシンプル軽量なCSSフレームワーク・「Vital」

ソフトウェア

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

JavaScript

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

Ads
CSS/HTML

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

最適化ツール

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

ソフトウェア

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

JavaScript

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

CSS/HTML

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

ジェネレーター

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

JavaScript

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

インスピレーション

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

インスピレーション

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

JavaScript

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

検索エンジン

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

検索エンジン

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

ソフトウェア

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

Webデザイン補助

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

ソフトウェア

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

JavaScript

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

Webデザイン補助

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

JavaScript

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

インスピレーション

様々な画家の絵画からカラーパレットを作成、公開するプロジェクト・「Color Lisa」