Tag#CSS
12 postsGoogle I/O 2026のChrome新機能、CSS @functionと::search-textが利用可能に
Google I/O 2026で公開されたChromeの新機能から、CSSカスタム関数@functionとページ内検索を装飾する::search-textを、Web制作の実務視点で整理します。
CSSの@custom-mediaとは、メディアクエリに名前を付けて使い回す提案仕様
メディアクエリに別名を付けて再利用できるCSSの@custom-media。提案段階の仕様と、PostCSSで今すぐ使う方法、Web制作現場での活かし方を解説します。
2026年5月のWebプラットフォーム新機能まとめ、CSS gap装飾やDevToolsのAI強化が登場
2026年5月のChrome 149やSafari 26.5、Firefox 151/152で追加されたCSS gap装飾、DevToolsのAI強化、bfcache対応などをディレクター視点で整理します。
CSS position: stickyが軸ごとに指定可能に、上部固定と左端固定の同時実装が現実的に
CSS position: stickyの仕様が更新され、軸ごとのスクロールコンテナ指定が可能に。テーブルの上部固定ヘッダと左端固定列の同時実装が容易になります。
Chrome 147で追加された4つのCSS新機能、border-shapeで自由な形状が可能に
Chrome 147で新たに追加された4つのCSS機能を解説。border-shapeプロパティによるボーダー形状の自由な制御や、ライトモード関連の改善など、Web制作の実務に役立つポイントを整理します。
Chrome 148 betaが公開、View TransitionsやCSS状態管理の実装が現場で広がる
Chrome 148 betaの公開と合わせ、View TransitionsやRadio State Machineなど最新CSS実装の現場活用法をWebディレクター視点で整理します。
[Adobe]Useful tool that will cut out the CSS from a PDF file
Project Parfait is a beta web service which Adobe has released. Upload PDF file to Parfait and you can get CSS from layers. Although it needs Apple ID to use, maybe light web site goes enough with Parfait. https://projectparfait.adobe.com/#
LP-established cosmetics manufacturers that make full use javascript and css is fashionable
Today we’ll introduce a landing page that has a little trick. This is a site of long established store, Isehan, which sells cosmetics for ladies. When you scroll or jump with navigation button on left, background image and color changes.…
The design … that was in the nature | one of the design concept OOCSS also BEM also a number
Discussion about “BEM” , which is a naming rule for CSS for managing site, seems hot recently. Either OOCSS or BEM is just one of many methods, it can’t be introduced to sites without thought. Sometimes thoughtless introduction causes only…
Cross browser measures! CSS techniques that can be implemented
It is getting less common to use CSS hack to deal with cross browser with complicated codes. More and more sites are not supporting old version of IE. But you’ll forget techniques if you don’t use. Let’s review CSS techniques…