Blockstackを使った、プライバシー重視のセキュアでシンプルな分散型ブックマークマネージャ・「Trove」 Trove TroveはBlockstackを使ったプライバシー重視のセキュアな分散型ブックマークマネージャです。 特別目新しい機能はありませんが、ブロックチェーン技術を使って自分自身のクラウドでブックーマークを保有、暗号化され...2019.06.29 | 9時52分45秒
preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」 Pinker.js Pinker.jsはpreタグに書いたデータをcanvasにダイアグラムとして描いてくれるスクリプトです。 特定のルールに沿った書き方をpreタグにする事で簡易的なダイアグラムを生成できる、というもの。割と複...2019.06.28 | 10時00分26秒
Webサイトマップをビジュアル化して見積もりを計算できる・「Octopus.do」 Octopus.do Octopus.doはWebサイトのサイトマップをビジュアル化して見積もりを計算、シェアできる見積もり計算アプリです。 ページごとに作成する項目を書き、工数を設定すると自動で計算してくれる、というも...2019.06.27 | 10時39分21秒
手軽にダークモードを導入できるシンプルなスクリプト・「Darkmode.Js」 Darkmode.Js Darkmode.Jsは手軽にダークモードをWebサイトに導入できるシンプルなスクリプトです。非依存で非常に軽量ですが、要はmix-blend-modeを使うので汎用性は高くはありません。 dev.toの...2019.06.26 | 10時05分48秒
任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」 Filerobot Image Editor Filerobot Image Editorは任意の画像にさまざまなフィルターを掛けたりリサイズ、クロップ、回転などの加工を施したうえでダウンロードできるようにする、画像加工ライブラリです...2019.06.25 | 10時14分32秒
コピペで使えてカスタマイズもしやすいCSSアニメーションコードをまとめている・「CSS WAND」 CSS WAND CSS WANDはコピペで使えるように工夫されたCSSアニメーションコードのまとめサイトです。HTMLとCSSをそれぞれコピーして簡単に利用できるようになっています。 まとめと言ってもまだ数は少ないですが、...2019.06.24 | 10時13分13秒
シンプルでクセも無く使いやすい、Markdown記法でメモ出来るWebアプリ・「FlowNote」 FlowNote FlowNoteはシンプルでクセのないMarkdownメモアプリです。現状はベータ版の為、広告等もなく完全無料で使う事が出来ます。 特別な機能があるわけではありませんが、見やすい使いやすいと、メモアプリで最も重...2019.06.23 | 10時15分11秒
インストール不要、ブラウザのみでスクリーンキャストを撮影できるWebアプリ・「RecordScreen.io」 RecordScreen.io RecordScreen.ioはインストール不要で使えるスクリーンキャストWebアプリです。デスクトトップアプリやブラウザ拡張のようにインストールする必要な書く、本アプリページにアクセスすればユーザー登...2019.06.22 | 10時03分30秒
CSSフレームワークを元に、直感的な操作でWebサイトを構築できる開発者向けのWebサイトビルダー・「Frontnd Builder」 Frontnd Builder Frontnd BuilderはCSSフレームワークを元に作られたテンプレートから、D&Dによるレイアウト調整やクリック→テキスト編集など、直感的な操作でWebサイトを開発できるWebサイトビルダーです...2019.06.21 | 9時58分49秒
Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」 Flex FlexはFlexboxでやりたいレイアウトを、ビジュアルを確認しながら選択肢を選んで作成、コードをコピーできるシンプルなWebアプリです。設定項目の多いFlexboxは様々なレイアウトに対応できる反面で、覚えなければな...2019.06.20 | 9時55分21秒
Font Awesomeのアイコンをアニメーションするグラデーションカラーで表示する Result See the Pen Font Awesome Animated Gradient by kachibito (@kachibito) on CodePen. Font Awesomeのアイコンをア...2019.06.19 | 10時20分10秒
使いやすさを最重視した、ミニマルで直感的に操作できるUIのフローチャート作成ツール・「Zen Flowchart」 Zen Flowchart Zen Flowchartは使いやすさ重視のミニマルなフローチャート生成ツールです。直感的に操作、作成する事が出来るよう設計されています。出来ることはノードやテキストの追加または移動、ノード同士の接...2019.06.18 | 9時43分15秒
table内をテキスト検索して該当キーワードを持つ列を表示する Result See the Pen Light Javascript Table Filter by kachibito (@kachibito) on CodePen. table内のすべてのテキストから検索し...2019.06.17 | 10時13分39秒
日本語化もされている、クロスプラットフォームに対応したオープンソースの動画編集ソフト・「OpenShot Video Editor」 OpenShot Video Editor OpenShot Video Editorはクロスプラットフォーム対応の、OSSな動画編集デスクトップアプリです。機能も豊富でUIも割とわかりやすい印象でした。これでOSSとは恐れ入ります。...2019.06.16 | 9時55分58秒
CSSのみでアコーディオン・2パターン Result See the Pen Pure CSS Accordion by kachibito (@kachibito) on CodePen. 今更感半端ないですが、CSSのみでアコーディオン 全部開けら...2019.06.15 | 10時39分10秒
Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」 Spur SpurはBootstrapに基づいて設計されたダッシュボードテンプレートです。ミニマルなスタイルで装飾もほとんどありませんのでフレームワークライクに使う事が出来そうです。チャートを表示したい時はCharts.jsを読み込め...2019.06.14 | 9時41分18秒
1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」 Material Icons Library Material Icons Libraryは1000種以上のアイコンを無償配布するオープンソースのアイコンセットです。アイコンはSVGで配布されるだけでなく、sketchファイルやPSD...2019.06.13 | 10時12分51秒
チームでの翻訳作業を管理できるオープンソースの翻訳プラットフォーム・「traduora」 traduora traduoraはチームでプロジェクトの翻訳作業を管理できる翻訳プラットフォームです。Webサービスとしての提供とともに、OSSとしてもソースコードが公開されています。 各フォーマットのインポートやエクスポート...2019.06.12 | 9時46分11秒
カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」 #c0ffee is the color #c0ffee is the colorはカラーコードの文字に焦点を当てた実験的なカラーツールです。ABCDEFのいずれかを含む文字且つ、6文字か3文字の単語を辞書から抽出し、該当するカラーコ...2019.06.11 | 10時09分28秒
リストにCSSカウンターで数字を表示して全体的にグラデーションカラーにする Result See the Pen CSS Gradient Counter List by kachibito (@kachibito) on CodePen. CSSカウンターで加えた数字をグラデーションに、とい...2019.06.10 | 10時34分53秒
VSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクト・「RAINGLOW」 RAINGLOW RAINGLOWはVSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクトです。全てDayle Rees氏の開発したオリジナルのカラーテーマだそうです。オリジナ...2019.06.09 | 10時15分34秒
任意の動画ファイルをアップロードすると、指定したモバイル端末のモックアップに合成した動画ファイルを作成してくれる・「Mock」 Mock Mockは任意の動画ファイルをアップロードすると、指定したモバイルデバイスのモックアップ画像のモニター部分に合成した新しい動画ファイルを作成してくれるWebアプリです。作成された動画ファイルはアップロード時に指定したメールア...2019.06.08 | 10時03分14秒