-
ユーティリティセカンドなCSS設計:CSS Nite2021-03-12感想
CSS Niteのオンラインセミナー「CodeGridから読み解くイマドキのCSS」に参加しました。オンラインになってもわかりやすく、すぐ使える内容ばかりでとても勉強になりました。 https://cssnite.doo […] -
自作CSSフレームワーク「echo.css」で、変えたことと変えなかったこと
CMS構築のベースとして公開しているCSSフレームワーク「echo.css」が、Version 2.0.0になりました。 https://cms-skill.com/echo-css/ Version 1系から大きく変わ […] -
アクセシビリティを考慮した、チェックボックスとラジオボタンのCSSのサンプル
HTMLのチェックボックスとラジオボタンは、各ブラウザのデフォルトUIのデザイン調整が難しいため、CSSで擬似的なアイコンを表示するのが一般的です。 様々な手法が公開されているのですが、自分でもいろいろ検討した結果、納得 […] -
CSSのフォントサイズの単位問題について考える
「CSSのfont-sizeプロパティの単位には何を使うべきか」という話に思うところがあったので、現時点の私の見解を書いておきます。 闇雲なrem信仰に物申す | CAMP フォントサイズの指定でpxを使うべきかremを […] -
CMSの管理画面でクラス名を変更できるようにしたことを後悔している
コーディングとCMSのテーマ設計の話です。かなりCMS構築に慣れていないと理解しづらい内容になるので、順を追って説明します。 モジュール型のサイト設計 CMSで運用されるサイトは、トップページや下層ページのサイドバーで、 […] -
CSSプロパティはどこまで覚えればいいのか
今朝、Twitterを見ていたら「未経験からの入社でも、このくらいはCSSのプロパティや値を覚えていてほしい」というツイートが流れてきました。 一連のプロパティの紹介はとても勉強になるもので、うなずきながら読んでいました […] -
自作のCSSフレームワークで特に気に入っているコンポーネントの話
先月公開したCSSフレームワーク「echo.css」ですが、「どんなページが作れるかのサンプルがないと、イメージしにくいんじゃないかな」と言われました。 それで、ドキュメントよりも先にテンプレートを作っています。日曜日は […] -
CMSの構築を考慮したコーディングとかクラスの命名規則の話
先日、CSSフレームワークについて記事を書いてから、今後のコーディング設計について具体的に考えています。 【Webdesign】Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ウェビ […] -
Atomic Designの思想でCSSフレームワークを作るのは難しいので代替案を考える
一昨日、「FLOCSSがわかりにくい」「Atomic Designの思想でフレームワークを作ってみたい」という記事を書いたところ、とてもたくさんの感想をいただきました。 【Webdesign】Atomic Designの […] -
Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい
Atomic Designの構成図かわいいです2017-06-16追記:Atomic Designをフレームワークに採用すべきでないという結論になりました。悲しい。こちらの記事でもう少し技術的な考察をしています。Atom […]