Webデザイナー向け

JavaScript

inputに任意の接頭語を付与するスクリプト・「jquery-plugin-input-prefix」
インスピレーション

Webサービス等によくある「料金ページ」のデザインを収集しているギャラリーサイト・「Pricing Pages」
ジェネレーター

JSONやCSVでダミーデータを作成出来る・「dummi」
Ads
ソフトウェア

各ソーシャルサイトの共有ボタンを作成、コードをコピー出来るOSS・「Sharingbuttons.io」
ソフトウェア

レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」
ソフトウェア

インライン編集が可能なオープンソースのブログプラットフォーム・「Postleaf」
CSS/HTML

Web制作のスピードを早める為に作られたモジュール式の軽量CSSフレームワーク・「BlazeCSS」
JavaScript

オートコンプリートの住所検索の為のスクリプト・「Algolia Places」
Webデザイン補助

デザイナー向けリソースをコレクションしたキュレーションサイト・「Sans Francisco」
インスピレーション

ECサイト専門のWebデザインギャラリー・「Cart Craze」
JavaScript

リアルタイムにグラフを描けるチャートライブラリ・「Epoch」
JavaScript

軽量、レスポンシブでエレガントなモーダルウィンドウを実装出来るjQueryプラグイン・「iziModal」
JavaScript

textareaを使ったMarkdownエディタライブラリ・「Markdown Text Editor」
Webデザイン補助

各UXツールの特徴等をテーブルでチェック、比較出来る・「UX Tools」
CSS/HTML

Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」
ソフトウェア

Markdownでプレゼンテーションを作成出来る日本国産のオープンソースソフトウェア・「Marp」
CSS/HTML

カルーセルやアコーディオン、ドロップダウンメニューなどをCSSのみで実装するコードを集めた・「You Don’t Need JavaScript」
CSS/HTML

要素をシェイクさせるスタイルシート・「CSShake」
CSS/HTML

UIコンポーネントに特化したCSSフレームワーク・「modulr.css」
編集ツール

ブラウザで動作する軽量なベクタードローツール・「Inker」
CSS/HTML

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

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