プロトタイピングツールのFigmaで使えるBootstrap 4用のUIキット・「Figma Bootstrap 4 GUI Components」
Figma Bootstrap 4 GUI Components Figma Bootstrap 4 GUI ComponentsはプロトタイピングツールのFigmaで使えるBootstrap 4用のUIコンポーネント集です。話題のF...
Resource - Webディレクター向け
様々な言語のコードをブラウザで実行テストできるオンラインIDE・「Llama」
Llama Llamaは様々なプログラミング言語のコードをブラウザで実行テストできるオンラインIDEです。対応言語はCやC++、Bush、Elixir、Go、Java、Haskell、Ruby、Pythonなどの他、JavaScrip...
textareaなどでTwemojiを手軽に選択できるようにするスクリプト・「Twemoji-Picker」
Twemoji-Picker Twemoji-PickerはTwitterがOSSとして公開している絵文字プロジェクト、Twemojiを手軽に選択できるようにするスクリプトです。jQueryに依存します。上サンプルのように、簡単に...
Laravelで作られたオープンソースのURL短縮アプリ・「UrlHum」
UrlHum UrlHumはLaravelフレームワークをベースに開発されたURL短縮ツールです。プライバシーの強化が強く意識されており、IPアドレスのハッシュ化やIPアドレスの匿名化などに加えて各URLのアナリティクス機能なども備わ...
Gmailの元リードデザイナーが作った、GmailをミニマルなデザインにするChrome拡張・「Simplify」
Simplify Simplifyは元Gmailのリードデザイナーが作った、GmailをミニマルなUIに替えるChrome拡張です。Google InboxのシンプルさをGmailにもたらす、というのが目的のよう。2008年～2012...
URLを指定すると自動でアクセシビリティチェックを行い、レポートを生成するオープンソースのデスクトップアプリ・「Koa11y」
Koa11y Koa11yはURLを指定すると、そのWebページのアクセシビリティチェックを行い、HTMLやCSV、MarkdownやJSON、XMLなどの形式でレポートを吐き出すオープンソースのデスクトップアプリです。基本的にはチェ...
SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」
SVG Colorizer SVG Colorizerは任意のSVGアイコンを好みのカラーパレットで色を変更、ダウンロードできるWebアプリです。アプリ側で用意したアイコンの他、任意のSVGファイルをアップロードすると自動で解析し、カ...
30日後には自動で消去されるブックマークツール・「30DayBookmarks」
30DayBookmarks 30DayBookmarksはブックマークしてから30日後に自動で消去されるブラウザ拡張のブックマークツールです。ただ単純にそれだけなんですが割と便利かも、と思たtので備忘録。自動で消えるので古いブックマ...
プログラミングの知識不要でWebアプリとしても開発できるオープンソースのゲームボーイ用ゲーム開発アプリ・「GB Studio」
GB Studio GB Studioはプログラミングの知識不要でゲームボーイ用のゲーム開発が可能なOSSです。GUIツールとして提供されており、コードを書かずに開発が出来るように設計されています。ElectronベースでOS問わず動...
タッチデバイスにも対応可能な、リストのアイテムを並べ替えたりスワイプで削除できるようにするライブラリ・「Slip.js」
Slip.js See the Pen ZZRmaP by kachibito (@kachibito) on CodePen. Slip.jsはリストのアイテムの並べ替えやスワイプによる消去を可能とする非依存のシ...
SVGベースのモダンなカラーピッカーを実装する非依存の軽量JavaScriptライブラリ・「iro.js」
iro.js See the Pen iro.js demo by James Daniel (@rakujira) on CodePen. iro.jsはSVGで作られたモダンなスタイルのサークルタイプカラーピッ...
100以上のSNS等で、任意のユーザーIDが使用されているかを一括で調査出来る・「Instant Username Search」
Instant Username Search Instant Username Searchは100以上のソーシャルメディアサービス等で、任意のユーザーIDが使用されてるかどうかを一括で調査できるWebアプリです。各SNSのブロック...
jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」
Editor EditorはjsfiddleやCodepenのようにブラウザでHTML/CSS/JSのコードを実行テストできるOSSです。emmetによるコード補完やLint機能、センターバーを動かす事でレスポンシブWebデザインの表...
Blockstackを使ったセキュアなコードスニペット管理ツール・「DECS」
DECS DECSはBlockstackを使ったセキュアなコードスニペット管理ツールです。登録したスニペットは暗号化され、自分自身でデータを保持する形となるのでDECS運営者ですら中身を見る事が出来なくなります。よって、今までのコード...
無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」
CodeGuppy CodeGuppyは無料でユーザー登録も不要のJavaScript学習サービスです。コードを実際に書きながら学ぶことができます。子供から大人まで学べる、をモットーに作られているそうなので頭に入りやすいかもしれません...
JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」
Frappe Gantt Frappe GanttはJS製のOSSなガントチャートライブラリです。サンプルのスケジューラーではタイムスケールはドラッグでチャートの移動や伸縮が可能で、クリックで詳細が表示されるようになっています。UIは...
任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」
ColorKitty ColorKittyは任意の画像から美しいカラーパレットを自動生成、PNGやJSON、SCSS、HEXなどでエクスポートできるWebアプリです。自動生成されますが、自己調整も可能で、画像上のカラーピッカーの役割の...
CMSやフレームワークとの統合を目的としたブロックベースのコンテンツエディタ・「Hyper Editor」
Hyper Editor Hyper EditorはCMSや各フレームワークとの統合を目的としたブロックベースのコンテンツエディタです。JS製で、バックエンドに依存しないのが特徴だそうです。JS製のエディタである事で、一方のCMSでは...
いろいろなWebサービスの退会プロセスの難易度や、方法、リンク等を共有するプロジェクト・「JustDeleteMe」
JustDeleteMe JustDeleteMeはWebサービスを退会するまでのプロセスの難易度をWebサービス毎に評価、退会の方法や退会する場所（URL）を共有するプロジェクトです。難易度は簡単、やや難しい、難しい、不可能の4つに...
日本にも対応のシンプルな印刷用カレンダーを作れる・「Calendar Generator」
Calendar Generator Calendar Generatorはオンラインで印刷用のカレンダーを作れるWebアプリです。日本を含め、様々な国に対応しています、といっても休日等が反映されるのではなく、月～土や1～12月といっ...
軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」
Water.css Water.cssは軽量でレスポンシブWebデザイン対応のCSSフレームワークです。classを使っていない為、セマンティックなHTMLのWebサイト制作に向いています。これといった装飾も無く、シンプルで見やすくす...
ユーザー登録不要で使える超シンプルなリアルタイムホワイトボードアプリ・「WBO」
WBO WBOはユーザー登録不要で使える超シンプルなリアルタイムコラボレーションホワイトボードWebアプリです。Topページ中心にあるフォームに任意のキーワードを入れると部屋を作る事が出来ますのでURLを同時編集したい方に伝えるだけで...