Webデザイナー向け

CSS/HTML

Bootstrap 4ベースのすっきりしたデザインな管理画面向けテーマ・「Modular Admin」
CSS/HTML

CSSアニメーションのループ間にdelayを挿入してくれるWebツール・「WAIT! Animate」
CSS/HTML

レスポンシブWebデザインにも対応のシンプルで軽量なCSSグリッドシステム・「Pills」
Ads
CSS/HTML

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

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

複雑なtableでも対応できる、セルがどの列と行に属しているかをハイライトするスクリプト・「jquery-gettable」
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」
次のページ