
Tools & Resources


ElectronベースのオープンソースなMarkdownエディタ・「Mark Text」

軽量でモバイルファーストなCSSフレームワーク・「Beauter」

非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」

デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」

スクロールに応じて任意のCSSアニメーションを要素に付与するスクリプト・「Delighters.JS」

複雑なグラデーションも直感的に作成、CSSのコードも発行できるグラデーションジェネレーター・「CSS Gradient」

Go製のPocketクローンとして公開されたオープンソースのブックマークマネージャ・「shiori」

絵文字を検索🔎、コピーできる絵文字検索エンジン・「Emojiers」

オープンソースのプロジェクトのみを探せる検索エンジン・「OpenKube」

DribbbleのカラーパレットをSketch用に変換してダウンロードできるブラウザ拡張・「Dribbble Color Generator」

グラフやマップ等、データのビジュアル化の際に使えるカラースキームを生成できる・「Data Color Picker」

FlexboxベースのレスポンシブなWebサイトを構築するプロジェクトの開発をサポートするCSSフレームワーク・「Frow CSS」

商用利用OK、クレジット不要で使える、量よりも質を重視したストックフォト・「Reshot」

Bootstrap 4向けのオープンソースなダッシュボード用テンプレート・「Now UI Dashboard」

スマフォやタブレット向けのプロトタイピングツール・「MockingBot」

マルチレベルに対応したドリルダウンのハンバーガーメニューを実装できるスクリプト・「mlStackNav」

すっきりしたデザインのランディングページをコレクションしたギャラリーサイト・「Hyperpixel」

プログラマーの為のブログプラットフォーム・「Boostlog」

CSSグラデーションを直感的な操作で作成できる・「GradPad」

解析機能も付いたオープンソースの短縮URLツール・「Kutt」
