2019年09月30日(月)

ダークモードもサポート！シンプルで拡張性も備えた超軽量のプログレッシブCSSフレームワーク -Cutestrap

• 0
• 68
• 33
• 57

シンプルなHTMLにclassを加えるだけで、さまざまなUIコンポーネントやグリッドが実装できる超軽量（2.7Kb）のCSSフレームワークを紹介します。

プログレッシブ・エンハンスメントが採用されており、新旧ブラウザの見え方を最適化して表示されます。

Cutestrap
Cutestrap -GitHub

Cutestrapの特徴

Cutestrapは、シンプルなAPIと堅牢なカスタマイズオプションを備え、最新の技術と未来を見据えた視点でコンテンツ重視のプログレッシブ・エンハンスメントを採用したCSSのフレームワークです。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

無料で使える！ランディングページにぴったりの手書きイラスト

         

NEXT ›

               

CSSでブレイクポイントを定義する時の一般的なスクリーンサイズやデバイスの状況を確認できる -Screen Size Map

関連記事

• CSSのlight-dark()関数の実践的な使い方、ライトテーマとダークテーマの作成方法
• フォーム要素の縦書きモードがすべての主要ブラウザでサポートされます！ 見慣れないせいか違和感が
• CSSでボタンを実装するときに記述しておくと便利なスタイルのまとめ
• ついにChromeで使えるようになったCSSの便利機能！ light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
• Amazonで、春のコンピュータ・IT書フェアが開催！ セール初登場もあり、Web制作関連のKindle本がかなりお買い得です

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『ダークモードもサポート！シンプルで拡張性も備えた超軽量のプログレッシブCSSフレームワーク -Cutestrap』についてまとめています。

この記事は特にChrome・Firefox・safariについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。