1日＝1440分を10分単位で分割し、144ブロックで1日を管理する・「144blocks」
144blocks 144blocksは1日を144ブロックで分割するWebサービスです。ケビン・クルーズの「1440分の使い方」のような時間管理術をサポートしてくれる、みたいなツールです。選べるアイコン（行動パターン）も沢山あります...
Resource - Webディレクター向け
タスクやノート、タブを一元管理できるChromeエクステンション・「Jety」
Jety Jetyはタスクやノート、開いているタブを一元管理出来るChromeエクステンションです。スタートページでタブを管理したり、Todoの作成、ノートを作成する事が可能で他にも天気や時間、Web検索も可能と、よくあるTodoアプ...
ログインフォームでアバターが入力内容を目で追うUI・「Animated SVG Avatar」
Animated SVG Avatar See the Pen Animated SVG Avatar by Darin (@dsenneff) on CodePen.0 Animated SVG AvatarはSVGで...
超シンプルなベクターグラフィックツール・「Dotgrid」
Dotgrid Dotgridは超シンプルなベクターグラフィックツールです。四方400pxあるかどうかという小さなツールですが、性能はなかなかに強力という印象でした。操作は基本的にショートカットで行います。動作も軽量で機能もシンプルな...
画像の見た目に合わせたドロップシャドウを作り出すスクリプト・「Image-shadow」
Image-shadow Image-shadowは画像の見た目に合わせて陰影を作成するスクリプトです。非依存型で単体で動作します。コードよく見てないけど画像のクローンを作成してblurさせて下に配置、を自動でやってくれる、みたいなも...
スマフォで横スクロールがある場合はその旨をアイコンで明示してくれるスクリプト・「ScrollHint」
ScrollHint ScrollHintはスマフォでWebページを見た際に横スクロール可能なtable等があった場合に、その旨をアイコン等で明示してくれるスクリプトです。国産CMSのa-blogを提供するappleple社さんが開発...
CSS Gridベースのを作成できるジェネレーター・「CSS Grid Layout Interface Builder」
CSS Grid Layout Interface Builder CSS Grid Layout Interface BuilderはCSS Gridベースのレイアウトをインタラクティブに作成できるジェネレーターです。特に細かい説明...
イラストレーター向けのツール等を紹介する・「illustration.tools」
illustration.tools illustration.toolsはイラストレーター向けのツールやリソースを紹介するWebサイトです。沢山の驚くべき無料ブラシ云々の類ではなく、Adobe Illustrator用のスクリプトや...
ロイヤリティフリーな音源を毎週配布するプロジェクト・「No Lick」
No Lick No Lickはロイヤリティフリーな音源を毎週配布するプロジェクトです。さらにNo Copyright(著作権フリー)も謳っています。NCSに近いものを配布するようで、時間も3～4分と長めの音源となっています。ダウンロ...
オープンソースのシンプルな自動保存ノートWebアプリ・「Wrish」
Wrish Wrishはシンプルなノートアプリです。Webブラウザで動作、自動保存してくれます。アクセスすれば#付きのURLが発行、そのURLがノートページとなります。ブラウザベースなので特別な操作も不要でスマフォでも利用可能です。1...
完成形を見ながらインタラクティブにCSSグリッドのコードを生成する・「cssgr.id」
cssgr.id cssgr.idはCSSグリッドのコードをインタラクティブに生成するジェネレーターです。シンプルにそれ以上でも以下でもないものです。生成されるコードは以下のようなものです。 CSSグリッドはコンテナを並...
Githubの任意のユーザーのステータスを可視化するツール・「Github Profile Summary」
Github Profile Summary Github Profile SummaryはGithubユーザーのステータスをグラフに可視化してくれるツールです。URLも発行されるので自己紹介ページっぽい扱いも出来るかもしれません。本...
多様なタイプに対応できるオープンソースの高性能チャートライブラリ・「ECharts」
ECharts EChartsは多種多様なタイプのビジュアルデータに対応可能な高性能チャートライブラリです。中国の大手検索エンジンサービス、百度(Baidu)が提供するライブラリのようです。非常に高性能で、線グラフだけでも20種以上の...
手軽に作れて公開も出来る自己紹介ページ作成ツール・「Propine」
Propine Propineは簡易的な自己紹介ページを手軽に作成できるWebサービスです。無料で美しいページを1分で作れる、を謳っている通り、非常に簡単な入力のみで作成する形となっています。about.meは写真メインですがこちらは...
利用中のChromeエクステンションに危険性があるかどうかをチェックし、その場でON/OFF出来るChromeエクステンション・「Extension Police」
Extension Police Extension Policeは危険性のあるChromeエクステンションを検知、その場で有効/無効化できるChromeエクステンションです。Chromeエクステンションにはユーザーのアクセス内容を追...
超ミニマルなTodoアプリ・「nanolist」
nanolist nanolistは超ミニマルなTodoアプリです。広告も有償プラン等もなく、メニューの類も用意されておらず、Todoリスト作成のみの機能とミニマルな設計となっています。ログインはGoogleアカウントで行えるWebア...
CC0で自由に使える写真素材を配布するストックフォトサイト・「Findshot」
Findshot FindshotはCC0の写真素材を配布するストックフォトサイトです。クオリティは高いですが、良くも悪くもunsplashライクな写真という印象です。同じくCC0なのでダミー画像等で利用させていただく感じになりそうで...
URLフレンドリーなIDをジェネレートするライブラリ・「Nano ID」
Nano ID Nano IDはランダムにURLフレンドリーなIDを生成するライブラリです。かなり高確率で重複を防げるよう設計しているそうです。生成に使用するのは数字と大小文字の英数字のみなのでURLフレンドリーでもあるとの事。動作サ...
パブリックドメインな音源や楽譜を配布する・「Musopen」
Musopen Musopenはパブリックドメインな音源や楽譜を配布するWebサービスです。クラシック音楽含む、著作権が切れた、あるいは放棄された音源や楽譜を自由にダウンロード出来るようにしたもの。視聴や楽譜の閲覧も可能となっています...
軽量で非依存なカルーセル実装スクリプト・「Glide.js」
Glide.js Glide.jsは軽量で柔軟な非依存型のカルーセル実装スクリプトです。ES6(ECMAScirpt2015)で書かれています。ファイルサイズは圧縮版で6kbほどで、依存性もないバニラなコードで書かれているのでかなり軽...
テキスト、ボイス、ビデオでのチャットとリッチテキストやコードエディターの共有機能も付いた無料のオープンソースなチャットツール・「oorja」
oorja oorjaは無料のチャットツールです。個人的にいままでで一番良いチャットアプリでした。テキスト、ボイス、ビデオチャットに対応しており、リッチテキストやコードエディタを複数人で共有、リアルタイムに共同作業を行う事が出来ます。...
sketchファイルの中身を確認できるWebサービス・「Sketch.The.Ripper」
Sketch.The.Ripper Sketch.The.Ripperはsketchファイルの中身をプレビューしてくれるWebサービスです。sketchファイルをアップロードするだけで中身を表示、確認できる、というもの。表示するだけで...