Webサイト制作におけるワークフローを邪魔しない超シンプルなCSSデバッグ・「DebuCSSer」
DebuCSSer See the Pen DebuCSSer by Lucagez (@lucagez) on CodePen. DebuCSSerは超シンプルなCSSデバッグツールです。Webサイト制作時のワークフローを邪魔しな...
Resource - オープンソース
Webサイトをダークテーマに切り替えるオープンソースのブラウザエクステンション・「Darkness」
Darkness DarknessはWebサイトでダークテーマを適応させるためのブラウザエクステンションです。オープンソースとしてソースコードが公開されていますので開発者さんなら自分用を作った方が良さそうです。機能の目的は自身にあった...
様々なWebサービスの代替やクローンを探せる・「Clone Scripts」
Clone Scripts Clone Scriptsは様々なWebサービスの代替ツールやクローンを紹介するWebサイトです。FacebookやYouTube、Dropboxなどよく目にするWebサービスの代替やクローンが有料/無料/...
SRPGのようなターン制のシミュレーションゲームフレームワーク・「Zemeroth」
Zemeroth ZemerothはSRPGのようなターン制のシミュレーションゲームを構築する為のフレームワークです。Rustで書かれているそう。FEシリーズとかディスガイアのようにマスを進めて相手の陣地を得る、みたいなもの。マスはヘ...
スニペットを管理できるOSSのシンプルなスニペットマネージャ・「Snibox」
Snibox Sniboxは自身の管理するサーバーでスニペットを管理できるシンプルなスニペットマネージャです。OSSとして公開されています。左ペインではラベルから探せます。右ペインではスニペットの表示や追加が可能なエリアで画面遷移も少...
GUIで運営、管理できるオープンソースの静的サイトジェネレーター・「Publii」
Publii PubliiはGUIで運営、管理できるOSSな静的サイトジェネレーターです。高速で安全、WYSIWYGも使えます。小規模サイトに適したものだそうです。WordPressからのインポートも対応しているみたいで、コンテンツも...
超シンプルなブログシステムを作るためのオープンソースなフレームワーク・「Phost」
Phost Phostはオープンソースで公開されているブログフレームワークです。非常にシンプルで、カスタマイズしやすく設計されているようです。必要最低限の機能を備えているので1から作る手間を省くのが目的のようです。動作環境はPHP 5...
Markdownで書けるシンプルなナレッジベース構築の為のソフトウェア・「Raneto」
Raneto RanetoはMarkdownで書けるシンプルなナレッジベースです。軽量で高速、DB不要で動作します。レイアウトはBootstrapベースでRWDにも対応、Highlight.jsによるハイライト、Lunrで全文検索に対...
任意のコンテンツを他言語に対応するための軽量なスクリプト・「Translater.JS」
Translater.JS See the Pen WYJevW by kachibito (@kachibito) on CodePen. Translater.JSはWebページ内の任意のコンテンツを他言語対応にするためのライブ...
ドラッグ&ドロップでWebページを作成できるスクリプト・「VvvebJs」
VvvebJs VvvebJsはWebページをD&Dで作成できるスクリプトです。jQueryに依存、bootstrap4をベースとしています。パーツやコンポーネント等を組み合わせて、コードを書かずにWebサイトを作成できる、というよく...
モバイルフレンドリーで軽量、高速なコンテンツスライダーを実装できるスクリプト・「Glider.js」
Glider.js Glider.jsはモバイルフレンドリーなコンテンツスライダーを実装できる軽量で高速なスクリプトです。使い方も簡単で動作も軽量(圧縮版で2.5kbほど)、マークアップもシンプルな状態を保てますので使い勝手も良い印象...
軽量で使いやすい非依存のオートコンプリートライブラリ・「autoComplete.js」
autoComplete.js autoComplete.jsはinput要素で自動補完を実装するためのシンプルなスクリプトです。非依存で軽量、高速なのが特徴みたいです。自動補完用のリストも簡単に作れますので個人的にも扱いやすそうとい...
シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」
Lath Lathはシンプルで美しく見やすいBootstrapベースのadminテンプレートです。スタイルも完成されている印象で、プロジェクトのキックスタートに使って欲しいとの事で、管理画面のスタイリングをしなくても済ませられる、とい...
シンプルなブログプラットフォームを構築するためのOSS・「Write Freely」
Write Freely Write Freelyはシンプルで高速なブログプラットフォームを構築する為のGoで書かれたブログ構築用ソフトウェアです。Webライターのコミュニティをセルフホスティングの元で管理できるようにするのが主な目的...
ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」
PALX PALXはベースカラーを指定するだけでカラーパレットをジェネレートしてくれるカラーツールです。フルスペクトラムなカラーパレットとして生成、変数を使ったCSSやJSON、Sassなどで利用できるようになっています。ドメイン/カ...
オープンソースのMediumクローン・「Stories」
Stories Storiesはオープンソースで公開されているMediumのクローンです。Ruby on RailsとReact.jsの勉強として始めたプロジェクトだそうで、Googleの日本人ソフトウェアエンジニア、Ken Hibi...
コードサンプルをアニメーションしながら表示させるOSS・「GLORIOUS」
GLORIOUS GLORIOUSはコードサンプルをブラウザでアニメーション表示させるソフトウェアです。上図デモのように、書いたコードをタイプアニメーションで表示できる、というもの。ユニークなURLが発行され、共有できるようになってい...
FlexboxベースのモバイルファーストなCSSフレームワーク・「Butter Cake」
Butter Cake Butter CakeはFlexboxベースのモバイルファーストなCSSフレームワークです。モジュール式で必要な機能は自身で追加していくタイプなので軽量に抑えることができます。よく必要とされるUIコンポーネント...
オープンソースで公開されている汎用的でミニマルなアイコンのセット・「Eva Icons」
Eva Icons Eva Iconsはオープンソースのミニマルなアイコンのセットです。アイコンはどれもWebアプリやWebサイトでよく利用されるような、汎用的に使えるものがほとんどで、様々なシーンやコンテンツに使えるようにデザインさ...
ページのスクロールに応じて任意の要素にアニメーションエフェクトを付与できる非依存の軽量ライブラリ・「ScrollOut」
ScrollOut See the Pen Cascading text effects w/ Splitting + ScrollOut ✍️🤓 by kachibito (@kachibito) on CodePen. Scro...
シンプルなbefore/afterコンテンツを作成できるスクリプト・「beerslider」
beerslider beersliderは上記のようなbefore/afterコンテンツを作成できるスクリプトです。他スクリプトに依存せず、単体で動作しますが、jQueryやZeptoとの併用も可能です。25kbほどの軽サイズで扱い...
各UIコンポーネントも兼ね備えたオープンソースのモバイルアプリ向けフレームワーク・「Galio」
Galio Galioはモバイル向けアプリの為に作られたReact Nativeベースのフレームワークです。一般的に使用される各UIコンポーネントが用意されています。こちらは一から構築していくためのスターターキットの類ではなく、デザイ...