
Webデザイナー向け


いろいろなオプション付きのツールチップ作成CSSライブラリ・「Tootik」

h1やh2などの見出しに合わせてページの目次(TOC)を自動作成するスクリプト・「Tocbot」

シンプルさを重視したオープンソースの小規模/個人向けプロジェクト管理ツール・「Kanboard」

動画をフルスクリーンで背景にするスクリプト・「Vidage.js」

Electronアプリの為のOSXライクなUIフレームワーク・「Photon」

Web制作者向けのツールを多数揃えている・「Dans Tools」

軽量でシンプル、非依存なJavaScriptデイトピッカー・「flatpickr」

タスク管理サービスのTaskuluのシステムをベースにしたOSSのヘルプデスクツール・「Deskulu」

モバイルフレンドリーで軽量、シンプルなCSSフレームワーク・「Wing」

ステム(Stem)とは何か、アセンダー(Ascender)とは何か等、タイポグラフィの用語を図解で学べる・「Type Terms」

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

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

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

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

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

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

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

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

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

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