
Webデザイナー向け


オープンソースとしても公開されているスマフォやタブレットにも対応のパスワードマネージャ・「bitwarden」

シンプルなラインで出来たアイコンフォント・「gonzocons」

TweetDeckライクにGithubリポジトリを表示する国産マルチタイムラインビューア・「Deck」

CSSアニメーションの遅延をコントロールする為のシンプルなフレームワーク・「Shift.css」

ユニークな模様のパターンをSVGで配布する・「Hero Patterns」

手軽にダミー画像を作成出来る軽量スクリプト・「placeholder.js」

CSSのみで作るシンプルなツールチップ・「Wenk」

任意のWebページのスクリーンキャストを撮って共有出来るChrome拡張・「Opentest」

ドット絵+スプライトアニメーションを作成出来るピクセルアートツール・「ASEPRITE」

input要素の入力をサポートする非依存スクリプト・「Cleave.js」

記号や特殊文字を使ったローディング時のスピナーをCSSで作る・「text-spinners」

SVGで書かれたワイヤフレーム用のステンシルを検索、ダウンロードできる・「littleplaneapp.com」

WebサイトやアプリのUIをアニメーションで収集するギャラリーサイト・「UI Movement」

Githubのコードを任意のWebページに埋め込める・「github-embed」

CSSやSVG、GIF等でローディングアイコンを作成出来る・「loading.io」

色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」

軽量シンプルなオープンソースのUIキット・「Css-mint」

WordPressの管理画面内でドラッグ&ドロップによるレイアウト作成が可能なプラグイン・「Tailor」

flexboxベースの軽量でレスポンシブなCSSフレームワーク・「Basis」

モニタサイズ次第で入りきらない部分だけスライドインさせるレスポンシブなメニュースクリプト・「okayNav」
