Bootstrapライクに使えるフロントエンドフレームワーク・「Halfmoon」 Halfmoon HalfmoonはBootstrapライクに使えるフロントエンドフレームワークです。美しいダッシュボードやプロダクトページの開発スピード向上をサポートしてくれるそう。 RWD対応でBootstrapと概ね同じc...2020.08.20 | 10時03分05秒
CSSの用語を視覚的に学べる・「CSS Vocabulary」 CSS Vocabulary CSS VocabularyはCSSの用語を視覚的に学べるスタディサイトです。教育機関や研修など、教材向けに良さそうです。 実際のCSSのコードが左ペインに書かれており、右ペインにCSSで使われてい...2020.08.10 | 10時09分29秒
シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」 CSS3 Loader & Spinners See the Pen CSS3 Loader & Spinners by kachibito (@kachibito) on CodePen. CSS3 Lo...2020.08.07 | 10時05分25秒
CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」 this vs that this vs thatはCSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説するWebサイトです。 ちょっと何言ってるか分からない、という方もいらっしゃると思...2020.07.28 | 10時05分25秒
応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」 mono/color mono/colorは応答性、リーダビリティ、モジュール性を重視して設計されたミニマルなCSSフレームワークです。 必要な物だけを揃えたモノクロタイプと、カラースキームやカードUI、ユーティリティなども揃え...2020.07.16 | 10時15分58秒
モジュール形式のCSSボタンシステム・「knopf.css」 knopf.css See the Pen Knopf.css – Tests by kachibito (@kachibito) on CodePen. knopf.cssはモジュール形式のCSSボタンシステムです。...2020.07.15 | 10時00分32秒
FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」 1-Line Layouts* 1-Line Layouts*はFlexboxやCSS Gridでよく用いられるレイアウトのコードを提供するプロジェクトサイトです。 センター配置やサイドバーを持った2カラムレイアウト、ヘッダ/メ...2020.07.12 | 10時00分28秒
テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」 grxdients.css See the Pen KKVRrbN by kachibito (@kachibito) on CodePen. grxdients.cssはテキストや背景のグラデーションカラーを手軽...2020.07.10 | 10時05分03秒
HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」 html.systems html.systemsはHTML/CSS/JavaScriptで作られた汎用的なコンポーネントをまとめたプロジェクトサイトです。 各コンポーネントはその場で動作や表示の確認をしたり、コードをコピーした...2020.07.09 | 10時00分32秒
ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」 lyt See the Pen gOPXPLK by kachibito (@kachibito) on CodePen. lytはユーティリティも用意された超軽量なCSSレイアウトライブラリです。flexboxベース...2020.07.01 | 9時48分08秒
class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」 Basic.css See the Pen GRooBMO by kachibito (@kachibito) on CodePen. Basic.cssはclass不要で基本的なスタイルを提供するCSSフレームワーク...2020.06.11 | 10時03分06秒
Tailwind CSSで使えるコンポーネントを確認しながらコードをコピーできる・「tailblocks」 tailblocks tailblocksはTailwind CSSで使えるコンポーネントを確認しながらコードをコピーできるWebサイトです 色を変更できる以外に編集可能な箇所はありませんが、よく使うコンポーネントをビジュアルで...2020.05.24 | 9時50分19秒
Windows XPライクなUIを提供するCSS・「XP.css」 XP.css See the Pen jObdBOr by kachibito (@kachibito) on CodePen. XP.cssはWindows XPのようなUIを提供するCSSです。以前ご紹介した98....2020.05.22 | 9時47分27秒
シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」 new.css See the Pen oNjJXae by kachibito (@kachibito) on CodePen. new.cssはシンプルで見やすいレイアウトをセマンティックなHTMLだけで作れるcl...2020.05.20 | 9時55分51秒
Neumorphism(ニューモーフィズム)にインスパイアされたUIキット・「Neumorphism UI」 Neumorphism UI Neumorphism UIはNeumorphism(ニューモーフィズム)にインスパイアされたUIキットです。レイアウトにはBootstrapがベースに使われています Neumorphism、ニュー...2020.05.19 | 9時45分38秒
Windows98を再現できるCSS・「98.css」 98.css See the Pen GRpWyyz by kachibito (@kachibito) on CodePen. 98.cssはWindows98のUIを再現できるCSSです。基本的にはフォーム回りやダ...2020.04.25 | 10時13分48秒
様々なタイプのCSS製の背景パターンを作成出来るスタイルシート・「pattern.css」 pattern.css pattern.cssはCSSだけで作れる様々な背景パターンを手軽に作れるスタイルシートです ドットや縦線、横線、斜めなどのストライプ、ジグザグなどを作成可能で、色やサイズも手軽に変更できるようになってい...2020.04.24 | 9時20分19秒
あらゆる画面サイズに対応できるよう設計されたモバイルファーストなscssフレームワーク・「Honeycomb」 Honeycomb Honeycombはあらゆる画面サイズに対応できるよう設計されたモバイルファーストなscssフレームワークです フォントやレイアウトなど、どんなサイズのモニタでも見栄えがよく分かりやすいUIを提供してくれると...2020.04.11 | 9時58分11秒
classやidを使わないセマンティックなHTMLによるWeb開発をサポートするスタイルシート・「MVP.css」 MVP.css See the Pen xxGQKyx by kachibito (@kachibito) on CodePen. MVP.cssはclassやidを使わないセマンティックなHTMLによるWeb開発をサ...2020.03.26 | 11時25分33秒
ユーティリティに焦点を当てた、インタラクティブなUI開発をサポートするCSSフレームワーク・「Shorthand」 Shorthand Shorthandはユーティリティに焦点を当てたモダンなCSSフレームワークです。インタラクティブなUI開発をサポートしてくれそう いわゆるプロパティの一括指定(ショートハンド)に関するものではなく、単純に開...2020.03.12 | 10時10分31秒
トグルボタンの様々なスタイリングを提供するCSSライブラリ・「MoreToggles.css」 MoreToggles.css MoreToggles.cssはトグルボタンのスタイリング用のCSSライブラリです 様々なトグルボタンをclass付与だけで実装出来るようになっています。スタイルはiOSタイプやAndroidタイ...2020.03.07 | 10時02分54秒
既存のCSSフレームワーク等と併用も可能な軽量CSSライブラリ・「sscaffold」 sscaffold See the Pen BayGXYV by kachibito (@kachibito) on CodePen. sscaffoldは既存のCSSフレームワークと併用も可能な軽量CSSライブラリで...2020.01.22 | 9時58分40秒