Webデザイナー向け

ソフトウェア

文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」

ソフトウェア

シンプルで軽量なOSSのHTML5製メディアプレイヤー・「Plyr」

ソフトウェア

Github内で各言語のアクティブ率等のデータを可視化している・「GitHut」

Ads
ソフトウェア

WordPressのテーマをブラウザ上で作成出来るオープンソースのソフトウェア・「Layers」

Webデザイン補助

emやpx、remなど、CSSで使う単位のサイズを比較出来る・「CSS Ruler」

CSS/HTML

Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」

その他

著作権放棄の高品質な写真素材を配布する・「StockSnap.io」

JavaScript

HighCharts.jsとjqueryでtableをグラフ化するスクリプト・「jQuery HighchartTable」

JavaScript

可愛らしいスタイルの日付ピッカーを実装するスクリプト・「DATEDROPPER」

CSS/HTML

軽量でベーシックなCSSフレームワーク・「Open Style」

JavaScript

OpenTypeやTrueTypeフォントをパース出来るスクリプト・「opentype.js」

ソフトウェア

ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」

ソフトウェア

Githubページを利用したブログを構築できる・「HubPress.io」

JavaScript

デザイン性と柔軟性にフォーカスしたD3.jsベースのチャートライブラリ・「Taucharts」

JavaScript

フリックにも対応のレスポンシブなスライダーを実装出来るスクリプト・「Flickity」

インスピレーション

マテリアルデザインを取り入れたWebサイトやアプリのWebギャラリー・「MaterialUp」

CSS/HTML

別アイコンにアニメーション付きで切り替える方法をまとめている・「MENU TO CROSS ICON」

ソフトウェア

日記用に作られたミニマルなWordPressテーマ・「Daily」

JavaScript

ブラウザのタブテキストを別のテキストと交互に表示可能にするスクリプト・「blinkTitle.js」

CSS/HTML

SASSベースのRWD対応CSSフレームワーク・「SPACEBASE」

JavaScript

シングルページ向けのWebサイト他言語化スクリプト・「jquery.localizationTool.js」

JavaScript

シングルページで構成されたWebアプリケーションの為のJavaScriptフレームワーク・「Composer.js」