
Tools & Resources


llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」

リダイレクトやセキュリティ、パフォーマンスの向上など、.htaccessで使えるスニペットをまとめている「.htaccess Snippets」

Webデベロッパー向けのスクリーンキャストをまとめている・「DevFreeCasts」

PHPフレームワークのKohanaをベースとしたOSSのCMS・「Gleez」

CSSとテキストで作るローディングアニメーション・「Animated Type Loader」

フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」

様々なシーンに対応可能なスマフォ対応のコンテンツスライダー・「Swiper」

シングルページ向けに開発されたHTML&SASSなボイラープレート・「Rin」

写真やエッセイの為のシンプルなブログサービス・「Stampsy」

input要素にシンプルなオートコンプリート機能を付加する軽量なスクリプト・「Awesomplete」

小規模チーム向けに開発されたWebベースのプロジェクト管理ツールを構築する為のオープンソースソフトウェア・「Rukovoditel」

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

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

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

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

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

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

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

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

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