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秒
任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」 Accessible Brand Colors Accessible Brand Colorsは任意のカラー同士の組み合わせのアクセシビリティチェックを行ってくれるツールです。2つ、あるいは複数のカラーを選択すると、そのカラー同士のア...2019.03.03 | 9時35分16秒
Blockstackアカウントのプロフィールを表示できるOSS・「lander」 lander landerはBlockstackで設定している自身のプロフィールを表示できるシンプルなOSSです。Blockstack Browserで設定している写真やSNS、自己紹介やBitcoinアドレス等のID情報をそのまま表...2019.03.02 | 9時37分06秒
失敗したスタートアップから学ぶためにデータを収集、公開している・「Startup Cemetery」 Startup Cemetery Startup Cemeteryは失敗したスタートアップから学ぶためにさまざまなデータを収集、公開しているWebサイトです。名前は不吉ですが、失敗した理由を分析する事で同じ過ちを繰り返さないように学ぼ...2019.02.28 | 9時16分43秒
PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」 Material Kit Material KitはBootstrap 4ベースのUIキットです。その内容は極めて豪華なものとなっており、PhotoshopやSketchファイルも用意、HTMLだけでなく、WordPressテーマも用...2019.02.27 | 9時50分06秒
ページ削除や変換ツール、分割や結合など、PDFをあれこれ出来るツールのまとめ・「Smallpdf」 Smallpdf SmallpdfはPDFに関するツールをまとめたハブサイトです。ページ単位の削除や各種フォーマットへのコンバーター、分割や結合、保護やロック解除などなど。Google DriveやDropboxなどからも読み込めます...2019.02.26 | 9時26分00秒
フォームの内容を元に任意のUIに遷移 Result See the Pen CSS Grid: Form to Badge by kachibito (@kachibito) on CodePen. フォームの内容から別のUIに遷移する、みたいなの ...2019.02.25 | 9時20分30秒
数式の画像から自動でLaTexのコードに戻してくれるデスクトップアプリ・「Mathpix」 Mathpix Mathpixは画像化された数式のSSを撮って自動でLaTexのコードに戻してくれるデスクトップアプリです。使い方は非常にシンプルで、モニタに表示されている数式をCtrl+Alt+MでMathpixで起動する事でSSを...2019.02.24 | 9時21分52秒
レスポンシブ対応のヘキサゴンブロックを使ったハニカム構造のグリッドレイアウト Result See the Pen Responsive Honeycomb Layout by kachibito (@kachibito) on CodePen. flexboxでハニカム構造なレイアウトです ...2019.02.23 | 9時12分02秒
URLの指定だけで人物アバターのダミーイラストを生成するサービス・「Joe Schmoe」 Joe Schmoe Joe SchmoeはURL指定だけで人物アバターイラストを生成するサービスです。ダミー画像生成サービスのような感覚で人物イラストをダミーイラストとして利用可能だそうです。自分の名前を入れても自分に似たアバターが...2019.02.22 | 9時20分40秒
シンプルなSVGアイコンをカスタマイズ後にダウンロードできる・「ICONSVG」 ICONSVG ICONSVGはシンプルなSVGアイコンをカスタマイズした後でダウンロードできるアイコン配布ツールです。アイコンはオリジナルではなく、以前ご紹介したOSSのアイコンセット・Featherを使用しており、太さの調整や角丸...2019.02.21 | 9時15分47秒
JavaScriptで配列のメソッドを対話式に調べられる・「JavaScript Array Explorer」 JavaScript Array Explorer JavaScript Array ExplorerはJavaScriptにおける配列のメソッドを対話式に調べられるOSSです。以前ご紹介したGit ExplorerのJavaScri...2019.02.20 | 9時30分03秒
JavaScriptでロングタップイベントを実装する・「long-press-event」 long-press-event long-press-eventはスマホ等の長押しイベントを実装するJSライブラリです。シンプルな作りで、非常に軽量で非依存型となっています。要素を長押しすると、data-editing="tru...2019.02.19 | 9時09分43秒
オープンソースで公開されている、大量のコンポーネントを含んだBootstrapベースの管理画面テンプレート・「STISLA」 STISLA STISLAはオープンソースのBootstrapベースの管理画面テンプレートです。大量のコンポーネントを含んでおり、ほとんどの需要に応えられるようになっています。また、インタラクティブなチャートやデータテーブルなどの為の...2019.02.18 | 9時20分49秒
GoogleフォームやTypeformの代替となるフォーム/アンケートツール・「Forms.id」 Forms.id Forms.idはGoogleフォームやTypeformの代替となるフォーム/アンケートツールです。Blockstack上にて構築されているのでフォーム作成にはBlockstackのアカウントが必要です。フォーム作成...2019.02.17 | 9時46分12秒
チームでオンラインのホワイトボードを共有できるコラボレーションツール・「Mixed」 Mixed Mixedはチーム間でホワイトボードを共有できるオンラインツールです。Google及びSlackアカウントででログインする事が出来ます。ホワイトボードはドローツールの他、音声チャット、付箋や画像のアップロードも可能です。ま...2019.02.16 | 10時16分27秒
マウスで選択した文字数を数える Result See the Pen WPXdMP by kachibito (@kachibito) on CodePen. マウスドラッグした文字数を数えます。JSはバニラです 使う機会があるかは分かりません ...2019.02.15 | 10時03分12秒
Githubリポジトリの任意のフォルダを指定してダウンロードできる・「DownGit」 DownGit DownGitはGithubリポジトリの任意のフォルダを指定してダウンロードできるシンプルなサービスです。特定のフォルダやファイルだけが欲しい、という時でも、全てダウンロードせずに欲しい部分だけダウンロードできる、とい...2019.02.14 | 9時28分57秒
GoogleドキュメントからWikiを管理、作成できる・「YNAW」 YNAW YNAWはGoogleドキュメントからWikiサイトを作成、管理できるWebサービスです。You need a wikiの頭文字みたいですね。Googleドキュメントを編集すればそのまま反映されます。少しクセはありますがコー...2019.02.13 | 10時00分58秒
個人でも商用でも利用無料でクレジットも不要のビデオストックサイト・「Mixkit」 Mixkit Mixkitは個人でも商用でも無料で使える動画を配布するビデオストックサイトです。クレジットも強制ではなく不要ではありますが歓迎はしているとのこと。コンテンツのイメージ映像の作成やモックアップ作成に良さそうです。数もそこ...2019.02.12 | 9時57分08秒
画面全体、起動中のアプリやブラウザのタブなどを選択してスクリーンキャスト撮影できるChrome拡張・「Aperture」 Aperture Apertureはスクリーンキャストを撮影、保存できるChromeエクステンションです。ブラウザだけでなく、起動中のデスクトップアプリ(例えば各テキストエディタやSlack等)やモニター全体などの撮影も可能です。映像...2019.02.11 | 9時54分48秒