オープンソースのシンプルでモダンなepubビューアスクリプト・「Foliate」 Foliate Foliateはオープンソースのシンプルでモダンなepubビューアスクリプトです。epub.jsがベースとなっているそうです。 ナビゲーションやスクロールバー設置、カスタムテーマ、注釈ツールやハイライトなど、ep...2019.07.18 | 9時49分26秒
オープンソースのシンプルなReact.jsコンポーネントライブラリ・「Flawwwless ui」 Flawwwless ui Flawwwless uiはシンプルなReact.jsのコンポーネントライブラリです。シンプルで扱いやすいように設計されている印象でした。 用意されたUIコンポーネントはよく使われるものでモーダルウィ...2019.07.17 | 10時03分13秒
シンプルで使いやすい、ProseMirrorとReact.jsで作られたWYSIWYGエディタ・「Nib」 Nib Nibはシンプルで使いやすいWYSIWYGエディタです。WYSIWYGエディタフレームワークであるProseMirrorとReact.jsで構築されています。 ProseMirror自体シンプルで使いやすいんですが、より...2019.07.12 | 9時52分01秒
軽量でカスタマイズ性重視の、カスタムプロパティを使ったモダンなCSSフレームワーク・「HiQ」 HiQ HiQは軽量でカスタマイズしやすいCSSフレームワークです。PostCSSで構築されており、カスタムプロパティを導入したモダン設計で管理もしやすい印象です。 カスタムプロパティをふんだんに使っており、直感的な変数...2019.07.09 | 10時32分12秒
コンパクトでノイズの無いミニマルなオープンソースのカンバンボード・「Nullboard」 Nullboard NullboardはOSSのカンバンボードWebアプリです。コンパクトで無駄のないミニマルなスタイルとなっています。特に可読性にフォーカスして設計したそう。 機能は必要最低限ですが、重要なワークスペー...2019.07.08 | 9時58分56秒
シンプルさ重視の軽量CSSフレームワーク・「TypeSafe CSS」 TypeSafe CSS TypeSafe CSSはシンプルさ重視の軽量なCSSフレームワークです。見出し、パラグラフ、リスト、引用、テーブルとコードハイライトのみのスタイルを提供します。 日々複雑化していくWebの世界はそれは...2019.06.30 | 9時34分23秒
preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」 Pinker.js Pinker.jsはpreタグに書いたデータをcanvasにダイアグラムとして描いてくれるスクリプトです。 特定のルールに沿った書き方をpreタグにする事で簡易的なダイアグラムを生成できる、というもの。割と複...2019.06.28 | 10時00分26秒
手軽にダークモードを導入できるシンプルなスクリプト・「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秒
Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」 Spur SpurはBootstrapに基づいて設計されたダッシュボードテンプレートです。ミニマルなスタイルで装飾もほとんどありませんのでフレームワークライクに使う事が出来そうです。チャートを表示したい時はCharts.jsを読み込め...2019.06.14 | 9時41分18秒
Vue.jsベースのECサイト向けUIコンポーネントライブラリ・「Storefront UI」 Storefront UI Storefront UIはECサイトの為に開発されたVue.jsベースのUIコンポーネントライブラリです。デザイナーや開発者向けに設計されており、カスタマイズのしやすさも考慮されているそうで、デス...2019.06.07 | 10時10分05秒
マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」 Tornis Tornisはマウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプトです。シンプルで軽量、依存関係もなく、使いやすい設計となっています。 パララックスの為のスクリプトというわけで...2019.06.06 | 10時08分37秒
Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」 Uix Kit Uix KitはBootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キットです。CSSフレームワークではないとの事。 これ単体でも開発を始められるし、Bootstrap 4を使い慣れ...2019.06.05 | 10時18分22秒
レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」 maturity-radar See the Pen MdLMKo by kachibito (@kachibito) on CodePen. maturity-radarはレーダーチャートを作成できるスクリプトで...2019.06.04 | 10時06分27秒
Font Awesomeから派生したオープンソースのアイコンプロジェクト・「Fork Awesome」 Fork Awesome Fork AwesomeはFont Awesomeから派生したオープンソースのアイコンプロジェクトです。Font Awesomeのバージョン5あたりから、その方向性に疑問を感じ始めた製作者がFont ...2019.05.28 | 11時02分59秒
mediumライクなスタイルを提供するCSS・「medium.css」 medium.css medium.cssはmediumライクなスタイルを提供するスタイルシートです。タイポグラフィやレイアウト、各エレメントのスタイルなどをmediumのような見た目に出来る、というもの しっかりRWD対応にな...2019.05.25 | 10時11分58秒
href=”mailto:”のリンクをクリックした際に選択式にするスクリプト・「mailgo」 mailgo mailgoは<a href="mailto:***">のようなmailtoリンクを、メーラw-立ち上げずにモーダルウィンドウを開いて選択式にするスクリプトです。少し前にMailtoUIというスクリプトの記事...2019.05.15 | 10時00分43秒
d3.js v5をベースにしたチャートライブラリ・「Britecharts」 Britecharts Britechartsはd3.jsのv5をベースにしたチャートライブラリです。チャートとコンポーネントを簡単に直感的に組み合わせる事が出来るのだそうです。リユースブルであり、シンプルなAPIを特徴としているのだ...2019.05.13 | 10時07分39秒
Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」 DropCSS DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。 ...2019.05.11 | 10時02分16秒
高パフォーマンス且つスケーラブルなWebアプリの為に設計された、!importantを持たず、依存ゼロのCSSツールキット・「Brevis」 Brevis Brevisは高パフォーマンス且つ拡張性の高いWebアプリの為に設計されたCSSツールキットです。セレクタファーストでレスポンシブWebデザイン対応、論理的な命名規則が特徴だそう。各classは1つの仕事だけを行うため、...2019.05.08 | 10時06分29秒
クリックでコードをコピーできるCSSアニメーションエフェクト集・「CSSFX」 CSSFX CSSFXはホバーやクリックでアニメーションエフェクトを確認、クリックでコードをコピーできるCSSアニメーションエフェクトのまとめです。エフェクトはマテリアルデザインなどで見かけるエフェクトやローダー、そのほかよく使われて...2019.05.06 | 10時36分16秒