ミニマルなWebサイトやWebアプリを作成できるオープンソースソフトウェア・「Itty.bitty」
Itty.bitty Itty.bittyはミニマルなWebサイトやWebアプリを作成できるOSSです。HTMLやCSS、JavaScriptなどを入力すればそのまま反映される、というもの。Twitter等で長い文章を手軽に共有できる...
Resource - MIT
ソートや内容の編集等が可能なシンプルなデータテーブル実装ライブラリ・「Frappe DataTable」
Frappe DataTable Frappe DataTableはシンプルながらパワフルなデータテーブル実装ライブラリです。列でのソートやセル内の内容の編集、カラムのリサイズ等が可能となっています。上サンプルでは変更していません...
データをグラフ等に可視化出来るオープンソースのスクリプト・「picasso.js」
picasso.js picasso.jsはデータビジュアライゼーションの為のスクリプトです。OSSとして公開されています。様々なグラフにも対応しており、プラグインによる拡張も可能との事。使い方も割と優しい印象でした。可もなく不可もな...
Google Fontsの各フォントをタグ付けして探しやすく整理している・「Font Library」
Font Library Font Libraryは大量に存在するGoogle Fontsのフォントをタグでカテゴライズし、探しやすくするプロジェクトです。OSSとして公開されています。タグ付けし、整理して探しやすくしたもので、各アイ...
コーディング不要で簡易的なゲームアプリの制作が出来るOSS・「GDevelop」
GDevelop GDevelopはコーディングせずにゲーム制作が出来るオープンソースのゲームエディタです。8ビットゲームの制作をプレビューを見ながら作成できる、というもの。コーディングに比べれば楽ではありますが、それでもソフトウェア...
3つのドットで作れるCSSローディングアイコンをまとめた・「Three Dots」
Three Dots Three Dotsは3つのドットで作れるCSSのローダーをまとめたプロジェクトです。それぞれbeforeとafterを使って作られているので１つの空要素と指定のclassを与えるだけで実装出来ます。色やサイズの...
ポモドーロタイマー付きのオープンソースなシンプルTodoアプリ・「tasks」
tasks tasksはポモドーロタイマー機能付きのシンプルなTodoアプリです。OSSとして公開されています。タイトルと概要だけの単純なタスク追加と、タスクごとには25分でアラームを鳴らせるようになっている、という非常にシンプルなも...
60という数値を中心に設計された実験的なCSSグリッドシステム・「60GS」
60GS 60GSは60と言う数値を元にCSS Gridベースで設計された軽量なCSSグリッドシステムです。CSS Gridベースで、基本的には以下の1classのみを必須としています。 60列用意したのは、60が2、3、4...
スクロールに応じてCSS keyframesライクな書き方でアニメーションを付与できる・「Motus」
Motus Motusはスクロールに応じて任意の要素にアニメーションを付与する為のライブラリです。非依存なので単体で使えます。アニメーションはCSS keyframesライクな書き方ができますのでCSSの知識がある方なら扱いやすいと思...
ミニマルなflexboxベースのCSSグリッドシステム・「Katana」
Katana KatanaはミニマルなflexboxベースのCSSグリッドシステムです。calcを使用して軽量化を実現しているみたいです。非圧縮でも1kbほど、.scssなら20行ほどです。clac便利ですねぇ。ライセンスはMITです...
非依存で使いやすいカラーピッカー実装スクリプト・「Flat color picker」
Flat color picker Flat color pickerは他スクリプトに依存せず使えるシンプルでフラットなカラーピッカーです。排出されるコードも3種あり、透過にも対応しています。また、タッチデバイスもサポート。ライセンス...
すっきり見やすいスタイルのBootstrapベースなオープンソースの管理画面テンプレート・「Sing App」
Sing App Sing AppはBootstrapをベースとしたオープンソースの管理画面テンプレートです。すっきりとしていて見やすい印象でした。基本的なコンポーネントは揃えられており、すぐに管理画面として機能してくれるみたいです。...
Nimで書かれたDiscourseライクなフォーラムを実装できるOSS・「NimForum」
NimForum NimForumはnimで書かれたDiscourseライクなフォーラムです。OSSとしてソースコードが公開されています。Nim公式で使われているフォーラムを公開しているみたいです。軽量でシンプル、使いやすく個人的には...
ミニマルで軽量なFlexboxベースのCSSフレームワーク・「Flexy」
Flexy Flexyはミニマルで軽量なFlexboxベースのCSSフレームワークです。圧縮版で0.33KBほどになるとの事。IEにも対応させる場合はflexy-old.cssも読み込むhつ用があるようです。UIコンポーネント等の用意...
BootstrapにMicrosoft提唱のデザインシステム、Fluentを取り入れたツールキット・「Nespero Fluent Kit 」
Nespero Fluent Kit Nespero Fluent KitはMicrosoftが新たに提唱したデザインシステム、FluentをBootstrapに導入したツールキットです。Bootstrapを使って手軽にFluentの...
簡易的なDOM操作をjQueryライクに行える超軽量ライブラリ・「nanoJS」
nanoJS nanoJSは簡単なDOM操作をjQueryライクに行える軽量ライブラリです。同じような構文でDOMを操作する事が出来る、というもので完全互換ではありませんが、非圧縮で100行ほど、圧縮すると0.6kbほどになると超軽量...
手書き風のUIコンポーネントを提供するライブラリ・「Wired Elements」
Wired Elements Wired Elementsは手書き風のUIコンポーネントを提供するライブラリです。UIはWeb Componentsとして実装されており、手書きライクな見た目はRough.jsが用いられていますので、よ...
Vue.jsを使用したデスクトップアプリを作成できる・「Vuido」
Vuido VuidoはVue.jsを使用したデスクトップアプリを作成できるフレームワークです。libuiライブラリが使用されていますのでProton Nativeと似たような感じかもしれません。各OSで動作するよう設計されており、E...
画像の見た目に合わせたドロップシャドウを作り出すスクリプト・「Image-shadow」
Image-shadow Image-shadowは画像の見た目に合わせて陰影を作成するスクリプトです。非依存型で単体で動作します。コードよく見てないけど画像のクローンを作成してblurさせて下に配置、を自動でやってくれる、みたいなも...
スマフォで横スクロールがある場合はその旨をアイコンで明示してくれるスクリプト・「ScrollHint」
ScrollHint ScrollHintはスマフォでWebページを見た際に横スクロール可能なtable等があった場合に、その旨をアイコン等で明示してくれるスクリプトです。国産CMSのa-blogを提供するappleple社さんが開発...
DOM要素をドラッグで複数選択するスクリプト・「selection.js」
selection.js selection.jsは要素の複数う選択を可能にするスクリプトです。非依存で単体で動作します。上サンプルのように、複数並べられたボックスをドラッグで選択する事が可能で、タッチデバイスにも対応させることも可能...
Bootstrapベースのスタイルガイド用テンプレート・「Bootstrap Style Guide Boilerplate」
Bootstrap Style Guide Boilerplate Bootstrap Style Guide BoilerplateはBootstrapベースのスタイルガイド用Boilerplateです。スタイルガイド作成の手間を省...