サービス終了したGoogleのアプリをまとめている・「Killed by Google」 Killed by Google Killed by Googleはサービスが終了したGoogleのアプリをまとめているWebサイトです。サービスの賛辞と記念の為に作ったそうですがタイトルからして、多分皮肉を込めての事だと思います。ア...2019.03.25 | 9時05分22秒
白黒写真に自動で色付けしてくれるオンラインツール・「Colorize Photos」 Colorize Photos Colorize Photosは白黒の写真に自動で色付けをしてくれるオンラインツールです。アップロードするだけでカラー化、ダウンロードできるようになっています。と言っても元の色の再現ではなく、ディープラ...2019.03.24 | 9時07分31秒
よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」 CSSeffectsSnippets CSSeffectsSnippetsはちょいちょい見かけるホバーエフェクト等を実装できるCSSコードスニペットをクリックだけでコピーできるプロジェクトサイトです。特にそれ以上の機能はなく、単純にス...2019.03.23 | 9時08分15秒
任意のWebサイト等のスクリーンショットを、簡易的なモックアップ画像に変換してくれる・「mockdowns」 mockdowns mockdownsは任意のWebサイトやコンテンツ等のSSをアップロードすると、簡易的なモックアップ画像に自動変換してくれるWebアプリです。UIの説明動画などを作る際に利用できるとの事です。忠実性はなかなかでした...2019.03.22 | 9時19分18秒
CSSだけでスマホ等ではアコーディオンになるレスポンシブな疑似テーブル Result See the Pen Pure CSS Responsive Accordion Table by kachibito (@kachibito) on CodePen. PCではテーブル、スマホやタ...2019.03.21 | 9時04分44秒
オープンソースのアバターイラスト作成ジェネレーター・「Avataaars Generator」 Avataaars Generator Avataaars Generatorはオープンソースのアバターイラスト作成ジェネレーターです。なんとなくよく利用されてるっぽいスタイルのアバターイラストを作成し、ダウンロードできる、というもの...2019.03.20 | 9時20分40秒
GraphQLとReactが使用されている、開発者向けのオープンソースなサーバーレスCMS・「Webiny」 Webiny WebinyはGraphQLとReactで作られた開発者向けのオープンソースなサーバーレスCMSです。大小を問わず、WebサイトやWebアプリケーションを構築できるように設計してあるそう。コンテンツ管理はビルトインされた...2019.03.19 | 9時11分08秒
スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」 lax.js lax.jsはスクロールに応じて要素にアニメーションを付与させる軽量スクリプトです。圧縮版で2kbほど、非圧縮でも8kbほどで依存性もありません。基本的にはスクリプトを読み込んで初期化、カスタムデータ属性で設定するだけの...2019.03.18 | 9時09分55秒
プレーンテキストでデータを入力すると自動でチャートを生成してくれるWebアプリ・「FastCharts」 FastCharts FastChartsはプレーンテキストでデータを入力すると、そのデータを元に自動でチャートを生成してくれるWebアプリです。データの入力方法は用意されているテストデータを使えばすぐに理解できるので割愛します。チャ...2019.03.17 | 9時40分19秒
チームで管理できるオープンソースのナレッジ管理システム・「BookStack」 BookStack BookStackはチームで管理できるOSSのナレッジマネジメントシステムです。Wikiを運用、構築する為のソフトウェアですが、基本的に編集にはログイン(GitHub、Google、Slackアカウントでのログイン...2019.03.16 | 9時05分36秒
色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」 Color.review Color.reviewは色とアクセシビリティに関してインタラクティブな操作で体感しながら学べるWebアプリです。用意されたカラーピッカー上には3本のラインがあり、色を変更する事で場所が移動します。このライン...2019.03.15 | 9時17分51秒
Markdown記法で書けるデスクトップ用のオープンソースなノートアプリ・「Notable」 Notable NotableはMarkdown記法で書けるデスクトップ用のノートアプリです。機能少なめのシンプルなものではなく、EvernoteやBoostnot、Quiver、stockなどのような3カラムからなる本格ノートアプリ...2019.03.14 | 9時20分25秒
オープンソースのGoogle Image Charts代替・「QuickChart」 QuickChart QuickChartはオープンソースのGoogle Image Charts代替ツールです。既に3月14日に停止されるImage Charts APIは廃止、Google chart APIに移行するよう求め...2019.03.13 | 9時36分10秒
座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」 maps-journey-replay maps-journey-replayは座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上に経路をアニメーション表示してくれるスクリプトです。説明下手なせいでピンとこないかも...2019.03.12 | 9時28分02秒
CSSだけで簡易的なリストのソート Result See the Pen Sort Elements with Flexbox (Pure CSS) by kachibito (@kachibito) on CodePen. 選択したグループに該当するア...2019.03.11 | 9時16分32秒
日付を指定するだけでunicodeによるカレンダーを作ってくれるWebアプリ・「Unicode Calendar Generator」 Unicode Calendar Generator Unicode Calendar Generatorは日付を指定すると、その日だけ目立たせたカレンダーをunicodeで作成、クリックするだけでコピーできるWebアプリです。上...2019.03.10 | 9時10分31秒
どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」 RFS RFSは様々なモニターサイズのデバイスでも適切なフォントサイズを計算するCSSです。RFSはresponsive font sizesの頭文字を取った略称だそう。Sass、PostCSS、Less、Stylusなどもサポートさ...2019.03.09 | 9時06分37秒
ブラウザでRubyのコードを実行テストできる・「run.rb」 run.rb run.rbはRubyのコードをブラウザで実行テストできるOSSです。左ペインにコードを入力して下部真ん中の再生ボタンを押せばフッターに実行結果が表示される、というシンプルなもの。仕組みとしては、WebAssemblyに...2019.03.08 | 9時35分49秒
jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」 femtoJS femtoJSはjQueryライクな構文でDOM操作を行うために開発された超軽量JavaScript(ES6)ライブラリです。たった20行、圧縮すると0.4kb程度のライブラリで、以下のように概ねjQueryと同じ書き...2019.03.07 | 9時39分17秒
Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」 viewRecorder viewRecorderはWebサイトでユーザーが動かしたマウスの動きを記録、再現するスクリプトです。jQueryに依存しています。以前ご紹介したrrwebと少し似ていますがもう少しシンプルで導入ハードルも低...2019.03.06 | 9時30分33秒
Clip Pathで画像内の任意の箇所にスポットライトを当てる Result See the Pen Highlight a part of the image - Clip Path + Grid by kachibito (@kachibito) on CodePen. CSS...2019.03.05 | 9時20分59秒
任意のWebページで可読性を向上させたレイアウトに切り替えるChromeエクステンション・「Fika」 Fika Fikaは任意のWebページの可読性を向上させるChromeエクステンションです。例によってOperaでテストしてますが問題なく起動しました。以前ご紹介したClearlyやClear This Pageなどと同様の拡張機能と...2019.03.04 | 9時18分15秒