シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」 new.css See the Pen oNjJXae by kachibito (@kachibito) on CodePen. new.cssはシンプルで見やすいレイアウトをセマンティックなHTMLだけで作れるcl...2020.05.20 | 9時55分51秒
Neumorphism(ニューモーフィズム)にインスパイアされたUIキット・「Neumorphism UI」 Neumorphism UI Neumorphism UIはNeumorphism(ニューモーフィズム)にインスパイアされたUIキットです。レイアウトにはBootstrapがベースに使われています Neumorphism、ニュー...2020.05.19 | 9時45分38秒
コードスニペットを自然言語で検索できる・「CodeSnippetSearch」 CodeSnippetSearch CodeSnippetSearchは様々なプログラミング言語のコードスニペットを任意の自然言語で検索できるコード検索エンジンです 64万ものスニペットから検索可能で、検索結果はマッチ率の高い順...2020.05.16 | 10時01分02秒
Webページで音声による操作を可能にするボイスコマンドライブラリ・「Artyom.js」 Artyom.js Artyom.jsはWebページで音声による操作を可能にするボイスコマンドライブラリです Google NowやSiri、Cortanaなどの音声アシスタントの簡易版みたいなやつです 例えば挨拶したら返...2020.05.10 | 10時04分06秒
各OSに対応のオープンソースのSQLエディター/データベースマネージャー・「Beekeeper Studio」 Beekeeper Studio Beekeeper StudioはWindows,、Linux、Macなどに対応したオープンソースのSQLエディター/データベースマネージャーです MySQL、Postgres、SQLiteやS...2020.05.08 | 10時02分48秒
HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」 Alpine.js See the Pen To Do List - Alpine.js by kachibito (@kachibito) on CodePen. Alpine.jsはHTMLの属性にディレクティブを...2020.05.03 | 10時17分57秒
Windows98を再現できるCSS・「98.css」 98.css See the Pen GRpWyyz by kachibito (@kachibito) on CodePen. 98.cssはWindows98のUIを再現できるCSSです。基本的にはフォーム回りやダ...2020.04.25 | 10時13分48秒
様々なタイプのCSS製の背景パターンを作成出来るスタイルシート・「pattern.css」 pattern.css pattern.cssはCSSだけで作れる様々な背景パターンを手軽に作れるスタイルシートです ドットや縦線、横線、斜めなどのストライプ、ジグザグなどを作成可能で、色やサイズも手軽に変更できるようになってい...2020.04.24 | 9時20分19秒
ユーザー登録不要のシンプルなオープンソースのグループビデオチャットアプリ・「briefing」 briefing briefing(正確にはBrie.fi/ngという名称のようです)はユーザー登録不要のシンプルなオープンソースのグループビデオチャットアプリです アクセスするとランダムで部屋のURLが作成されるので問題なけれ...2020.04.19 | 9時41分10秒
任意のWebサイトのスクリーンショットを取得するOSS・「Webshot」 Webshot Webshot任意のWebサイトのスクリーンショットを取得するWebアプリです ドメイン+対象URL+パラメーターだけで取得できるシンプルな仕様となっています。パラメーターはいろいろ用意されてました ...2020.04.18 | 9時42分46秒
Markdownでマインドマップを作れるライブラリ・「Markmap」 Markmap MarkmapはMarkdownでマインドマップを作れるライブラリです。Markmapにインスパイアされて開発したそうです 基本的には以下のようにリストや見出し等でマインドマップを描けるようになっています ...2020.04.12 | 10時04分50秒
アイソメトリック図を手軽に作れるJavaScriptライブラリ・「isocity」 isocity isocityはアイソメトリック図を手軽に作れるJavaScriptライブラリです 動作サンプルでは街を作れるようになっており、ライブラリ名もサンプルに沿ったネーミングですが、素材を変えれば様々な用途に応用できそ...2020.04.07 | 10時06分08秒
開発者向けの様々なチェックリストを公開している・「Checklist」 Checklist Checklistは開発者向けの様々なチェックリストを公開しているプロジェクトサイトです どこかで公開されているチェックリストを引っ張ってきているのではなく、こちらを公開しているAtölye15が社内で共有し...2020.03.28 | 9時51分42秒
classやidを使わないセマンティックなHTMLによるWeb開発をサポートするスタイルシート・「MVP.css」 MVP.css See the Pen xxGQKyx by kachibito (@kachibito) on CodePen. MVP.cssはclassやidを使わないセマンティックなHTMLによるWeb開発をサ...2020.03.26 | 11時25分33秒
任意の動画と、スマホなどのデバイスのモニターを合成してGifなどでダウンロードできるオープンソースのモックアップ作成アプリ・「Animockup」 Animockup Animockupは任意の動画ファイルとスマホなどのデバイスのモニターを合成してGifなどでダウンロードできるモックアップ作成アプリです オープンソースとしてソースコードも公開されています。デバイスを選択して...2020.03.24 | 9時38分44秒
シンプルで汎用的な、オープンソースで提供される300以上のSVGアイコンセット・「Tabler Icons」 Tabler Icons Tabler Iconsはシンプルで使いやすい、オープンソースで提供される汎用的な300以上のSVGアイコンセットです TablerはOSSのシンプルなダッシュボードを提供するプロジェクトで、その一環で...2020.03.20 | 10時18分10秒
さまざまなCMSとも連携できるオープンソースのヘルプデスクシステム・「UVdesk」 UVdesk UVdeskはさまざまなCMSとも連携できるオープンソースのヘルプデスクシステムです。ECサイトやマーケットプレイス向けに設計されているそう AmazonやEtsy等と統合して顧客をサポートしたり、WordPres...2020.03.17 | 9時49分42秒
任意の画像と同じ色の影を作るシンプルなスクリプト・「cosha」 cosha See the Pen zYGjrbq by kachibito (@kachibito) on CodePen. coshaは任意の画像と同じ色の影を作るスクリプトです。上サンプルのようにステンドグラ...2020.03.16 | 10時14分34秒
ユーティリティに焦点を当てた、インタラクティブなUI開発をサポートするCSSフレームワーク・「Shorthand」 Shorthand Shorthandはユーティリティに焦点を当てたモダンなCSSフレームワークです。インタラクティブなUI開発をサポートしてくれそう いわゆるプロパティの一括指定(ショートハンド)に関するものではなく、単純に開...2020.03.12 | 10時10分31秒
トグルボタンの様々なスタイリングを提供するCSSライブラリ・「MoreToggles.css」 MoreToggles.css MoreToggles.cssはトグルボタンのスタイリング用のCSSライブラリです 様々なトグルボタンをclass付与だけで実装出来るようになっています。スタイルはiOSタイプやAndroidタイ...2020.03.07 | 10時02分54秒
人気のアプリの代替になるオープンソースのソフトウェアをまとめている・「Opensource.builders」 Opensource.builders Opensource.buildersは人気のアプリの代替となるOSSをまとめているWebサイトです SlackやGoogleの各サービス、1PasswordやGithub、Shopify...2020.03.04 | 9時44分49秒
TwitterなどのSNSの発言の引用画像を作れるシンプルなWebアプリ・「Kuote」 Kuote KuoteはSNSの引用画像を作れるシンプルなWebアプリです。OSSとしてソースコードも公開されています 引用画像を作れる、といっても自動作成とかじゃなくて手動入力です。発言と発言者名、画像を設定してDLする、みた...2020.03.03 | 10時06分56秒