Tools & Resources

インスピレーション

Product Huntで投票の多かったコンテンツからカラースキームを作成、公開している・「COLORWISE」
CSS/HTML

3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」
CSS/HTML

iPhone Xや8、Galaxy S8、MacBookやApple Watchなど様々なデバイスのモックアップを作れるスタイルシート・「Devices.css」
Ads
共有系サイト

リンク集単位で共有するブックマークサービス・「Linqes」
その他

使いやすそうな太線のSVGアイコンのセット・「Heroicons UI」
ジェネレーター

BootstrapやFoundationに対応の高性能テーマビルダー・「Gridbox」
ジェネレーター

Webサイトのmetaタグをチェックし、OGPタグ等のコードを生成してくれる・「HEY META」
その他

様々なデバイスのモックアップ画像を配布するWebサイトをまとめている・「The Mockup Club 」
JavaScript

カンバンツールを作成する為のスクリプト・「jKanban」
JavaScript

沢山のコンポーネントを持ったVue.js向けのUIツールキット・「Fish-UI」
CSS/HTML

他のミニマルなCSSフレームワークを参考にして作られた超軽量CSSフレームワーク・「lit」
JavaScript

スクロールに応じて指定した要素に任意のclassを付与できるスクリプト・「scrollClass」
JavaScript

WYSIWYGモードも備わったOSSのライブプレビュー機能付きMarkdownエディタ・「TOAST UI Editor」
その他

成功したスタートアップのプロジェクト立ち上げ当時のプロモーションビデオを収集している・「Startup Demo Videos」
ソフトウェア

Githubでファイルのアイコンを分かりやすく変更するブラウザ拡張・「GitHub File Icon」
ソフトウェア

オープンソースなGoogle Inboxのデスクトップアプリ・「Inboxer」
ジェネレーター

美しいグラデーションをリスト化、編集やCSSコードのコピーも出来る・「CSS GEARS」
その他

任意のWebページのデータ等を自動でスプレッドシートに挿入、Excelファイルとしてダウンロードできる・「Listly.io」
CSS/HTML

画像にインスタグラムのようなフィルターを付与できるスタイルシート・「Instagram.css」
JavaScript

30秒で理解できるものだけを集めたJavaScriptコードスニペット集・「30 seconds of code」
ソフトウェア

オープンソースのBootstrap4テーマビルダー・「bootstrap.build」
JavaScript

インライン用のオープンソース国産WYSIWYGエディタ・「Lite Editor」
次のページ