Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」 DropCSS DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。 ...2019.05.11 | 10時02分16秒
ミニマルを意識しつつ、出来る限り使いやすいCSSフレームワークを目指した・「boba」 boba bobaはミニマル設計を意識しつつも、必要最低限ではなく、出来る限り使いやすさを追求した、バランスの取れたCSSフレームワークです。有名なCSSフレームワークは肥大化しすぎ、敬遠したフレームワークはミニマルすぎる等、世にある...2018.12.20 | 10時11分42秒
CSSやHTMLのコードサンプルを収集している・「FREE FRONTEND」 FREE FRONTEND FREE FRONTENDはCSSやHTMLを使ったUIコンポーネントやエフェクトなどのコードサンプルをまとめ記事にして収集しているWebサイトです。モダンなスタイルのフォームやホバーエフェクトのサンプル、...2018.12.06 | 8時30分36秒
NES.cssにインスパイアされたPlaystation 1スタイルのCSSフレームワーク・「PSone.css」 PSone.css PSone.cssは先日ご紹介したNES.cssにインスパイアされたCSSフレームワーク。こちらはPlaystation 1スタイルとなっています。NES.cssは現在Githubでもすごく話題になっているので他に...2018.12.03 | 9時30分37秒
シンプルで軽量、扱いやすいベーシックなCSSフレームワーク・「minstyle.io」 minstyle.io minstyle.ioはシンプルで軽量、扱いやすいCSSフレームワークです。minstyleの頭文字をプレフィクスに、要素の名称を付与する命名規則となっており、ユニーク且つ分かりやすい、学習コストを低くしつつも...2018.11.26 | 9時26分10秒
43のローダーをまとめた・「43 loaders」 43 loaders See the Pen 43 loaders by Subin (@meemaw1) on CodePen. 43 loadersは43のCSSローダーをまとめたCodepenです。CSSといってもアニメーショ...2018.09.08 | 10時16分43秒
カスタマイズ可能な疑似的なスクロールバーを実装するスクリプト・「fakeScroll」 fakeScroll fakeScrollはカスタマイズ可能なスクロールバーを実装する為のスクリプトです。::-webkit-scrollbarのようにスクロールバーの見た目をカスタマイズし、各ブラウザで統一する為に疑似的にHTML要...2018.07.03 | 10時36分36秒
シンプルで直感的なSCSSフレームワーク・「FICTOAN」 FICTOAN FICTOANは直感的に使えるシンプルなSCSSフレームワークです。horizontal-center-thisなどといった分かりやすさ重視のclass命名、モジュール式で必要なものを必要な時に読み込むことでライトに使...2018.03.21 | 11時40分34秒
BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている...2018.03.20 | 10時33分55秒
軽量でモバイルファーストなCSSフレームワーク・「Beauter」 Beauter Beauterは軽量でモバイルファーストなCSSフレームワークです。従来品と異なるのはBOLという実験的な命名規則を導入している点です。BOLは.base(基本クラス)、.-object(オブジェクトクラス)、._la...2018.03.15 | 11時00分23秒
デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」 InvisCss InvisCssはデフォルトのスタイルを最小限に抑えた、シンプルな命名規則で付けられたclassで管理できるCSSフレームワークです。Bootstrapを意識し、スタイルを作りこまないようにしつつもテーマを用意、cl...2018.03.12 | 10時50分47秒
CSSで作られた複雑なアニメーションエフェクトのスピナー集・「Epic Spinners」 Epic Spinners Epic SpinnersはCSSで作られた複雑なアニメーションエフェクトのスピナーのセットです。コピー&ペーストで利用できるようにしてあります。以下動作サンプルを1つだけ。 本スピナーは同じ...2017.12.14 | 10時10分37秒
フレキシブルなclass名を意識して設計されたCSSフレームワーク・「Biomatic UI」 Biomatic UI Biomatic UIはフレキシブルなclass名を意識して設計されたCSSフレームワークです。どういう形が「フレキシブルだ」と感じるかは個人差があると思うので、ここでは柔軟であるかどうかは触れないでおきますが...2017.11.15 | 10時33分33秒
HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる・「DirtyMarkup」 DirtyMarkup DirtyMarkupはHTML/CSS/JavaScriptのコード整形ツールです。従来のフォーマッター同様にある程度の調整機能も付いています。また、本ツールはAPIも公開しており、今のところは無料で利用可能...2017.11.12 | 10時07分57秒
css gridのコードを生成できる・「Griddy」 Griddy Griddyはcss gridのコードを手軽に実装できるツールです。実行結果を確認しながらdisplay: grid;のコードを生成してくれます。よくあるやつですね。css gridはちょっと複雑でとっつきにくい感あるの...2017.10.16 | 10時11分04秒
クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」 Pantone colors Pantone colorsはPantoneの色名をクリックするだけでhexコードでコピーできるツールです。Pantone社が提供する色見本帳にある色名、いわゆるPantoneカラーをCSS等で使えるよう...2017.09.16 | 11時11分12秒
シンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワーク・「TURRETCSS」 TURRETCSS TURRETCSSはシンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワークです。JavaScriptは併用されていません。パフォーマンスが重視されており、軽量高速なWebサイト構築に貢献して...2017.09.04 | 11時01分07秒
基本的なコンポーネントのみを提供するCSSスターターキット・「Shoelace.css」 Shoelace.css Shoelace.cssは基本的なコンポーネントのみを提供する軽量なCSSスターターキットです。役立ちそうなコンポーネントのCSSリセットみたいなものと考えてくれとのこと。このCSSは本来、Surreal C...2017.07.31 | 10時54分57秒
ミニマルなワイヤーフレームの為のCSSフレームワーク・「WIP」 WIP WIPはミニマルなワイヤーフレーム作成の為のCSSフレームワークです。なんだかややこしいですが、ミニマルなワイヤーフレームをHTML/CSSで作ろう、というもの。少し前にご紹介したようなワイヤフレーム用の棒状のフォントを併用し...2017.07.23 | 10時30分31秒
シンプルで使いやすいスタイルのCSSボタンのセット・「beautons」 beautons beautonsはシンプルで使いやすいスタイルのCSSボタンのセットです。csswizardry謹製みたいです。classを付与すればそのスタイルになってくれます。フレームワークをベースとしている場合は使いにくいケー...2017.06.19 | 10時13分02秒
モダンなWeb向けの小さなCSSリセット・「tinyreset」 tinyreset tinyresetはモダンなWeb向けの小さなCSSリセットです。よく分かりませんね。適切なタイトル思いつかなかったので直訳しました。ただ、内容は良いリセットだと思います。オールドブラウザほぼ死滅の今日ではリセット...2017.05.24 | 10時10分18秒
CSSやMicrodata、Open Graphなどのシンプルなコードジェネレーターを沢山公開している・「Web Code Tools」 Web Code Tools Web Code Toolsはさまざまなコードジェネレーターを公開しているWebサイトです。CSSやHTML、Microdata、Open Graphなどなどのコードとパパッと作成出来るものがずらりと並び...2017.05.23 | 10時53分05秒