Githubのようなスタイルのコードスニペットやメモ等を作成、公開出来るオープンソースソフトウェア・「Gruik」
Gruik Gruikはブラウザで動作するシンプルなメモアプリです。Githubのようなスタイルで、コードスニペットやチュートリアルなどのメモに利用出来るように作られたようです。よくあるメモアプリのように公開/非公開の設定も可能です。...
Resource - シンプル
h1やh2などの見出しに合わせてページの目次(TOC)を自動作成するスクリプト・「Tocbot」
Tocbot Tocbotはページ内の見出しを元に、目次(table of contents)を自動作成するスクリプトです。Tocifyに触発されて作成したそうですが、1つの違いはjQueryに依存せず、バニラなスクリプトで動作する点...
Electronアプリの為のOSXライクなUIフレームワーク・「Photon」
Photon PhotonはElectronで作られたアプリのためのデザインフレームワークです。OSX風に作られているようです。Electronは御存知の通りGithub製でHTML,JS,CSSで作れるクロスプラットフォームなデスク...
軽量でシンプル、非依存なJavaScriptデイトピッカー・「flatpickr」
flatpickr flatpickrは軽量でシンプル、パワフルなJavaScriptデイトピッカーです。非依存型ながら軽量なコードで実装されていますが、機能はなかなか充実しています。同じclass名で複数フォームに対応できるのも...
オープンソースのカラースキームジェネレーター・「Color Schemr」
Color Schemr Color Schemrはオープンソースのカラースキームジェネレーターです。色の細かな設定や色の追加、ロック機能、透過処理、プレビューモード、レスポンシブWebデザイン対応等、基本的な機能は備わっている印象で...
モバイルフレンドリーで軽量、シンプルなCSSフレームワーク・「Wing」
Wing Wingはモバイルフレンドリー且つ軽量シンプルなCSSフレームワークです。RWD対応で圧縮版4kbと軽量、グリッドやボタン、フォームやリストなどのUIが揃えられています。ライセンスはMIT。よくあるフレームワークですが、個人...
ステム(Stem)とは何か、アセンダー(Ascender)とは何か等、タイポグラフィの用語を図解で学べる・「Type Terms」
Type Terms Type Termsはタイポグラフィの専門用語を図解で学べるWebサイトです。上図のように図解でそれぞれの対象となる部分やラインの用語をクリックすると解説が表示される、というもの。パッと見でどの用語が何を指すかが...
ざっくりとした「今月の目標」と任意の数値を設定、新規タブで表示するChromeエクステンション・「Reach」
Reach Reachは「今月の目標」と数値を設定できるChromeエクステンションです。例えば売上や貯金などノルマとなる内容と数値を設定すればChromeで新規タブを開いた際に設定した目標値と目標内容、順調なら現在達成しているであろ...
シンプルなニュースレター発行サービス・「Volleyy」
Volleyy Volleyyはシンプルなニュスレター発行サービスです。レスポンシブWebデザイン対応のメールマガジンを監理・発行出来る、というもの。凝ったことは出来ないにしてもWYSIWYGやグループの作成、テスト送信などなど基本的...
30行ほどのVanillaなスクリプトでExcelっぽいものを作る・「Tiny Excel-like app in vanilla JS」
Tiny Excel-like app in vanilla JS Tiny Excel-like app in vanilla JS。プレーンなスクリプト30行でExcelのような表計算が出来るシートを作成する、というもの。例えば=...
Vanillaなスクリプトを沢山コレクション、紹介ししている・「Vanilla List」
Vanilla List Vanilla ListはプレーンなJavaScriptをコレクションしているWebサイトです。Github等で公開されている多様なバニラスクリプトを収集、紹介してくれています。それぞれのスクリプトは動作アン...
オープンソースのダミー画像を生成するplacehold.itのクローン・「sinatra_placehold」
sinatra_placehold sinatra_placeholdはダミー画像生成ツールのplacehold.itのクローンソフトウェアです。Ruby製で、Takafumi ONAKAさん作の国産です。placehold.itと同...
FacebookやTwitter等で使える絵文字を検索、コピー出来る・「EmojiRepo」
EmojiRepo EmojiRepoはFacebookやTwitter、Skype等で使える絵文字を検索、クリックでコピー出来るサービスです。使いたい絵文字をクリックしてペーストするだけ。まあでもそんなに数ないので検索するより普通に...
ダミー画像をSVGで作成出来るオープンソースのダミー画像生成ツール・「placeholder.pics」
placeholder.pics placeholder.picsはダミー画像をSVGで作成出来るソフトウェアです。Goで書かれており、OSSとしてソースコードが公開されています。ダミー画像そのものはサイズ指定、背景カラー、グラデーシ...
Bootstrapの代替として作られたコンパクトなCSSフレームワーク・「Cutestrap」
Cutestrap CutestrapはコンパクトなBootstrap代替CSSフレームワークです。肥大化したBootstrapをもっとコンパクトに、というニーズはよく見かけますので結構この手のCSSは出回っていますが、本フレームワー...
レスポンシブWedデザイン対応のシンプルで軽量なグリッドレイアウト・「Simple Grid」
Simple Grid Simple GridはRWD対応のCSSグリッドレイアウトです。シンプルで軽量、ネストにも対応しています。これといった機能はなく、シンプルさ、軽量さを重視していますので一から構築するフレームワークとは異なり、...
モバイルアプリのUIをアニメーションで紹介するデザインギャラリーサイト・「UI Interactions」
UI Interactions UI Interactionsはモバイル向けのUIをアニメーションGifで紹介しているデザインギャラリーです。カテゴリはシンプルにiOS/Androidのみといくつかのタグでカテゴライズされているシンプ...
検索機能の付いたFAQページを手軽に作成できる・「HelpSite.io」
HelpSite.io HelpSite.ioは、FAQページを作成、公開出来るWebサービスです。いわゆる「よくある質問」を手軽に作成できる、というもの。FAQページは検索も可能なので、沢山の質問が寄せられるようなWebアプリ等に良...
スタイル変更やグラフの種類の変更も可能でExcelライクに使えるembed対応のチャート生成サービス・「Statpedia」
Statpedia StatpediaはExcelライクに使えるチャート生成サービスです。グラフのスタイル変更は勿論、円グラフ、棒グラフなどのグラフの種類もそこそこ用意されており、データはExcelライクに入力出来ます。(※excel...
様々なECサイトのスタイルや利用しているツール等を合わせて紹介しているWebデザインギャラリーサイト・「ecomm.design」
ecomm.design ecomm.designはECサイト専門のWebデザインギャラリーサイトです。単純にスタイルだけでなく、使用している解析ツールや決済サービス、A/Bテスト等に使用しているテクノロジーも紹介されています。プラッ...
Webサイトのテーマカラーをユーザーが選べるようにする為のスクリプト・「jquery Theme Switcher」
jquery Theme Switcher jquery Theme SwitcherはWebサイトのテーマカラーを閲覧しているユーザーが選択できるようにする為のスクリプトです。jQueryに依存しています。通常のWebサイトではあま...
任意の画像を解析し、ベースカラーとなっている色のカラーコードとPANTONEのコードを抽出する・「Impalette」
Impalette Impaletteは任意の画像からカラーパレットを作成するツールです。パレットは画像内でベースとなっているカラーを元に作成されます。抽出された色はカラーコードだけでなく、PANTONE®で使用されているカラーコード...