高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」 Luxa CSS See the Pen XWNrxOG by kachibito (@kachibito) on CodePen. Luxa CSSは高速開発を意識して開発されたミニマリストの為のCSSフレームワーク...2021.01.29 | 10時03分52秒
React.js/Bootstrapベースのオープンソースの管理画面テンプレート・「Volt React」 Volt React Volt ReactはReact.js/Bootstrapベースのオープンソースの管理画面テンプレートです。 100以上のコンポーネントと10のサンプルページが用意されており、RWD対応、WCAGに準拠して...2021.01.28 | 10時06分55秒
論文ライクなレイアウトのclassを使わないクラスレスなスタイルシート・「Tufte CSS」 Tufte CSS Tufte CSSは論文ライクなレイアウトのclassを使わないクラスレスなスタイルシートです。 論文ライクと言いますか、名前でピンと来る方もいるかもしれませんがEdward Tufte氏(Wikipedia...2021.01.26 | 10時07分03秒
タッチデバイスにも対応した、要素を複数選択できるようにするスクリプト・「Selecto.js」 Selecto.js Selecto.jsタッチデバイスにも対応した、要素を複数選択できるようにするスクリプトです。マウスによるドラッグだけでなくスマフォ等のタッチデバイスにも対応しています。 他ライブラリに依存せずVanill...2021.01.25 | 10時08分01秒
各CSSフレームワークやJavaScriptフレームワーク等のデータを比較してグラフ化している・「Moiva.io」 Moiva.io Moiva.ioは各CSSフレームワークやJavaScriptフレームワーク等のデータを比較してグラフ化しているnpmパッケージ比較サイトです。 サンプルとしてフロントエンドフレームワークならReact、Sve...2021.01.20 | 10時07分39秒
Tailwind.css向けに用意された200以上のオープンソースなコンポーネントのセット・「Tail-Kit」 Tail-Kit Tail-KitはTailwind.css向けに用意された200以上のオープンソースなコンポーネントのセットです。人気のCSSフレームワーク、Tailwindで使える汎用的なコンポーネントが大量に用意されています。 ...2021.01.14 | 10時12分08秒
学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネントやユーティリティを含むCSS Gridベースのフロントエンドフレームワーク・「Axentix」 Axentix See the Pen XWjPbpG by kachibito (@kachibito) on CodePen. Axentixは学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネ...2021.01.11 | 10時01分01秒
JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」 Uisual See the Pen eYdrVMJ by kachibito (@kachibito) on CodePen. UisualはJavaScriptやCSSフレームワーク等への依存がない、純粋なHT...2021.01.06 | 10時00分41秒
classを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシート・「AnimXYZ」 AnimXYZ See the Pen MWjQjJM by kachibito (@kachibito) on CodePen. AnimXYZはclassを組み合わせて任意のアニメーションエフェクトを作れるCSSア...2020.12.31 | 10時03分16秒
アクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリ・「Radix UI」 Radix UI Radix UIはアクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリです。高品質でアクセシビリティなデザインシステムを提供しWebアプリ構築に貢献してくれるのだそう。 ...2020.12.29 | 9時51分50秒
軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」 Tiny-Swiper See the Pen VwKWMym by kachibito (@kachibito) on CodePen. Tiny-Swiperは軽量で拡張的な非依存のカルーセルライブラリです。他ライ...2020.12.19 | 10時08分49秒
カスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワーク・「EasyGrid」 EasyGrid EasyGridはカスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワークです。 依存性の無い軽量なJavaScrioptとCSSで様々なRWDのグリッドレイアウトを構築出来るようになっていま...2020.12.12 | 10時13分13秒
CSSのclip-pathを簡単な操作で生成できるオンラインツール・「CSS clip-path Editor」 CSS clip-path Editor See the Pen CSS clip-path Editor by Mads Stoumann (@stoumann) on CodePen. CSS clip-pat...2020.12.11 | 10時12分26秒
ブラウザでMarkdownでスライドを作成して公開できるJavaScipt製のOSS・「PRESENTA Lib」 PRESENTA Lib PRESENTA LibはブラウザでMarkdownでスライドを作成して公開できるJavaScipt製のOSSです。 1枚のファイルで作成可能で書き方もシンプルで使いやすそうです。また、Markdown...2020.12.10 | 10時01分08秒
Three.jsを使ってマネキンに任意のポーズで表現できるスクリプト・「mannequin.js」 mannequin.js See the Pen rNMLqKv by kachibito (@kachibito) on CodePen. mannequin.jsはThree.jsを使って3Dマネキンに任意のポーズ...2020.12.09 | 10時21分27秒
テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」 SPCSS See the Pen QWKyJpY by kachibito (@kachibito) on CodePen. SPCSSはテキスト中心のコンテンツ向けに作られた超軽量スタイルシートです。開発者本人がテ...2020.12.05 | 9時55分32秒
多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」 OrbitCSS See the Pen eYzLLbZ by kachibito (@kachibito) on CodePen. OrbitCSSは多数のコンポーネントも用意されたFlexboxベースのモダ...2020.11.08 | 10時06分42秒
コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」 Cirrus.CSS Cirrus.CSSはコンポーネントとユーティリティ重視のCSS(SCSS)フレームワークです。ラピッドプロトタイピングを目的に開発したそうです。 レスポンシブで軽量、モジュール式なので無駄もなく、既存の人...2020.11.03 | 10時10分21秒
Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」 React Nice Dates React Nice DatesはReactベースのシンプルでタッチフレンドリーな日付ピッカーです。 タッチデバイスで指でタップしやすいように日付同士は間隔をあけられていたり、上下にドラッグする...2020.10.31 | 10時17分10秒
必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」 Screen See the Pen gOMvVwb by kachibito (@kachibito) on CodePen. Screenは必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワークです。 ...2020.10.30 | 9時55分43秒
任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」 dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...2020.10.28 | 10時01分55秒
カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」 vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...2020.10.15 | 10時11分08秒