チェックボックスにチェックが入ると入力できるようになるinput要素をCSSだけで作る
Result See the Pen Locked input field - CSS only by kachibito (@kachibito) on CodePen. ちょっと今更感ありますけど、チェックボックス...
CSS -"キーワード指定なし"
ユニークなCSSグラデーションをコレクションしている・「Gradient Magic」
Gradient Magic Gradient MagicはユニークなCSSグラデーションをコレクションしているプロジェクトです。 ユニークなmのだけでなく、ベーシックなものから複雑なもの、境界線が暈されてないものやチェ...
書いたテキストをmp3音声ファイルにしてダウンロードできる・「Verby」
Verby Verbyは書いたテキストを音声ファイルに変換してダウンロードできるWebアプリです。タイトルそのままの機能で、テキストを書いて音声化し、内容を確認、問題なければファイル名を決めてDL出来る、というものになります。 ...
form要素を対話形式で作成できるスクリプト・「Conversational Form」
Conversational Form See the Pen Conversational Forms - native validation (v1.0.0 feature) by kachibito (@kachibi...
デザイナーと開発者が同じプロジェクトで一貫したUI設計が出来るよう配慮されたReact.js向けUIフレームワーク・「Atomize React」
Atomize React Atomize ReactはオープンソースのReact.js向けUIフレームワークです。デザイナーと開発者が同じプロジェクトで作業するにあたって一貫したUIを設計できるよう配慮されているそうです。 ア...
装飾やエディタの見た目など、カスタマイズが可能なコード画像化ツール・「Codeimg.io」
Codeimg.io Codeimg.ioはコードを画像にしてSNS等に投稿できるようにするコード画像化ツールです。 以前同じ用途のツールでCarbonをご紹介しましたが、Codeimg.ioはCarbonに触発されて開発された...
GoogleドキュメントでWebページを作成、公開できるOSS・「ImportDoc」
ImportDoc ImportDocはGoogleドキュメントで書いたコンテンツをそのままWebページとして公開できるようにするライブラリです。OSSとして公開されています。 Googleドキュメントで管理できるので簡易的...
外部サイトのリンクにだけ特定のアイコンを付与する
Result See the Pen Inline Icons & Wrapping by kachibito (@kachibito) on CodePen. 外部サイトのリンクにだけ特定のアイコンを付ける、...
zipファイルの中にあるファイルを表示し、編集してダウンロードできるシンプルなWebアプリ・「zipadee」
zipadee zipadeeはzipファイルをそのままアップロードすると、そのzipファイルの中身を表示し、その場で編集、ダウンロードできるWebアプリです。確認できるファイルは各言語のソースファイルやOfficeファイル（DOCX...
ブロックレベルでランディングページを作成できる・「Versoly」
Versoly VersolyはオンラインでLPを作成、公開できるLPビルダーです。ブロックレベルで作成する事ができます。 最初にどんなコンテンツのLPなのかを決め、メニューやヒーローイメージ、料金表、プロダクトの特徴やFAQな...
Markdownで書いてそのままWebページとして公開できる超シンプルなオンラインエディタ・「Markdown Bin」
Markdown Bin Markdown Binは書いたコンテンツをそのまま公開できる超シンプルなオンラインのMarkdownエディタです。 エディタと言っても、書くエリアと公開ボタンしか存在しない程度にはシンプルな設計となっ...
業務で使うWebアプリのリンクを整頓してまとめられる・「Basaas」
Basaas Basaasは業務でよく使われるWebアプリを検索して整頓、自分用のWebアプリリンク集を作成できるWebアプリです。 うまく説明できませんが、例えばGithubやSlack、Google関係のアプリなどはもちろん...
IE11やEdgeにも対応できる、CSSだけで3行目でテキストの文末を「…」で省略する
Result See the Pen Multi-line-truncation in Pure CSS w/IE11 support (Exclusions) by kachibito (@kachibito) on Co...
iframeでもHTMLでも対応できる超軽量で非依存のLightboxスクリプト
Result See the Pen GVpdWB by kachibito (@kachibito) on CodePen. こういうベーシックなもの最近は全く見かけなくなりましたけど・・案件になると割と要望は頂...
デバイスから異なるデバイス間に限定で、任意のファイルをリアルタイムで転送してくれる・「lokki.cloud」
lokki.cloud lokki.cloudはちょっと変わったファイル転送サービスです。任意のデバイスと異なるデバイスの間のみ限定で、リアルタイムにファイルを転送してくれる、というもの。 従来のアップローダーのようにファイルを...
モダンなダッシュボードのOSSなメールマガジン・メーリングリストマネージャ・「listmonk」
listmonk listmonkはモダンなダッシュボードのメルマガ/メーリングリストマネージャです。セルフホスト型として提供されていますのでDLして自分の管理するサーバーにセットする事になります。 数百万の購読者のいるメルマガ...
DropboxライクなWebベースのオープンソースなファイル共有アプリ・「Linshare」
Linshare LinshareはDropboxのようなWebベースのファイル共有アプリです。厳密にはDropboxはファイル共有が目的のアプリではないと思うんですけど便宜上こう書いてます。 大きなサイズのファイルを複...
ABC記譜法を自動で楽譜化、音源化したりダウンロード出来るようにするスクリプト・「abc.js」
abc.js abc.jsはABC記譜法を自動で楽譜化、その場で視聴したりMIDIファイルを生成してダウンロードできるようにするスクリプトです。 ABC記譜法は以下のようにプレーンテキストで楽譜を表現できるようにしたもの。 (...
オープンソースのシンプルでモダンなepubビューアスクリプト・「Foliate」
Foliate Foliateはオープンソースのシンプルでモダンなepubビューアスクリプトです。epub.jsがベースとなっているそうです。 ナビゲーションやスクロールバー設置、カスタムテーマ、注釈ツールやハイライトなど、ep...
オープンソースのシンプルなReact.jsコンポーネントライブラリ・「Flawwwless ui」
Flawwwless ui Flawwwless uiはシンプルなReact.jsのコンポーネントライブラリです。シンプルで扱いやすいように設計されている印象でした。 用意されたUIコンポーネントはよく使われるものでモーダルウィ...
広告やトラッキング、無駄なスクリプトなどノイズの無いライターや小説家向けのミニマルなオンラインテキストエディタ・「Telescope」
Telescope Telescopeはノイズの無いミニマルなオンラインテキストエディタです。コードを書くようなものではなく、純粋な文章を書くためのアプリで主にライターや小説家等の文章を書くことを生業とする方向けにデザインされ...
無料、広告無しで制限無しに使える超シンプルな個人向けの分散型かんばんボード・「Taskstack」
Taskstack Taskstackは超シンプルな個人用かんばんボードです。今のところ、ものすごく使い勝手の良いUIとは決して言えませんが、無料、広告無しで無制限（たぶん）に使う事が出来ます。 Taskstackはおとといご紹...