選択されているタグ : #フレームワーク
さらにタグを絞り込む
-
ユーティリティセカンドなCSS設計：CSS Nite2021-03-12感想
CSS Niteのオンラインセミナー「CodeGridから読み解くイマドキのCSS」に参加しました。オンラインになってもわかりやすく、すぐ使える内容ばかりでとても勉強になりました。 https://cssnite.doorkeeper.jp/event...
続きを読む
-
自作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を使うべ...
続きを読む
-
自作のCSSフレームワークで特に気に入っているコンポーネントの話
先月公開したCSSフレームワーク「echo.css」ですが、「どんなページが作れるかのサンプルがないと、イメージしにくいんじゃないかな」と言われました。 それで、ドキュメントよりも先にテンプレートを作っていま...
続きを読む
-
Atomic Designの思想でCSSフレームワークを作るのは難しいので代替案を考える
一昨日、「FLOCSSがわかりにくい」「Atomic Designの思想でフレームワークを作ってみたい」という記事を書いたところ、とてもたくさんの感想をいただきました。 【Webdesign】Atomic Designの思想で、文系でもわ...
続きを読む
-
Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい
2017-06-16追記：Atomic Designをフレームワークに採用すべきでないという結論になりました。悲しい。こちらの記事でもう少し技術的な考察をしています。Atomic Designの思想でCSSフレームワークを作るのは難しい...
続きを読む
-
プロ制作者用のテーマ「echo」のMovable Type版をリリースしました
本日、プロ製作者のCMS構築に特化したフレームワークテーマ「echo」をリリースしました。 echo - プロの制作者のためのフレームワークテーマ Movable Type版からスタートして、二ヶ月ごとくらいのペースでa-blog ...
続きを読む
-
CMSのテーマを作る前に静的ページのコーディングをするか？
札幌のフロントエンドエンジニアの友人、長谷川さんが、WordPressベースの案件のワークフローで疑問を感じているようです。 いきなりですが、このエントリーを読んでいる方に質問です。WordPressのテーマを仕事...
続きを読む
-
「baserCMSデザインテーマコンテスト2015」でグランプリを受賞しました
「baserCMSデザインテーマコンテスト2015」で、私の応募作品「ratio_3_2」がグランプリをいただき、baserCMSの本拠地・福岡市での授賞式にご招待いただきました。 おみやげの「博多とおりもん」をもぐもぐしなが...
続きを読む
-
a-blog cms「site2015」最速カスタマイズ(5)一覧ページの体裁を変更する
a-blog cmsの「site2015」テーマをカスタマイズするための手順、五回目です。 カテゴリーコードが「company」「contact」「news」「products」「realestate」以外のカテゴリーを作ると、site2015の基本のインデッ...
続きを読む
-
a-blog cms「site2015」最速カスタマイズ(3)ヘッダ・フッタを編集する
a-blog cmsの「site2015」テーマをカスタマイズするための手順、三回目です。 site2015は、住所や連絡先がはっきりしている、企業や店舗向けのテーマです。特に連絡を求めないサイトに利用する場合は、画面が小...
続きを読む