![](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec9bcf6ed1973ce1bc68dc861590b2366b788c60/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202101%2F2021013102%402x.png)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント24件
- 注目コメント
- 新着コメント
![radicode radicode](https://cdn.profile-image.st-hatena.com/users/radicode/profile.png)
radicode
[]91種類😯のよく見かけるレイアウト・UIコンポーネントのコード例まとめ✨ フレームワークなし。ピュアCSSで作られているので使い回しが効くのでいいですね! パーツ制作の練習にもいいですね😃
![toro-chan toro-chan](https://cdn.profile-image.st-hatena.com/users/toro-chan/profile.png)
toro-chan
けっこう役立つかも。いまだにHTMLとCSSで書いてるからな。。
![ponpon_qonqon ponpon_qonqon](https://cdn.profile-image.st-hatena.com/users/ponpon_qonqon/profile.png)
ponpon_qonqon
colissの紹介サイトの中ではめずらしくツボに入った。「ふろんとえんどえんじにゃー」が顔真っ赤にして怒りそうな「HTMLの属性にCSS書きまくるコード」。スコープないからサンプルとしてはこっちのほうが便利!
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
いまの話題をアプリでチェック!
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ
Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを...
Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無し フレームワークは必要無し ピュアCSSで実装、CSS
2021/02/18 リンク