【Tips】
CSSの:has()を使うと、サブメニューをもつ項目にだけ、HTMLを変えずにアイコンを付けられます💫
nav li:has(> ul) > a::after {
content: ' ▼';
font-size: 0.75em;
}
「直接の子としてulをもつli」を:has()で選択し、そのリンクに::afterでアイコンを追加する書き方です✏️

🏆 September 21st CSS-Dodos Top 3
1 henrik_elias - 2/6, clean
2 cheddy - 2/6, clean
3 Flex Shuffler 589 - X/6
Better icon and label alignment. Ahmad Shadeed lines an icon up with the first line of a wrapping label using the lh unit: half the difference between the line box and the icon size, applied as a translateY offset. #css #layout
Lately, I've been exploring CSS-only custom elements. They're pretty rad!
10 Cool CodePen demos from August 2026: animations, buttons, 3D fruits, 3D games (about plants and fruits), The Lord of the Rings, creative forms, phishing emails... and more!
alvaromontoro.com/10-cool-code...
(A bit late, but better late than never 😅)
Prompted me to make an accessible version of the Yo Dawg meme:
codepen.io/aardrian/pen...
Which I added to my 2018 post of accessible memes:
adrianroselli.com/2018/04/acce...
Something I’ve been thinking about as of late is how CSS @media features could be used to infer a person’s disability.
Web developer with frontend specialization? This is the ebook bundle for you: Strengthen your foundation, broaden your understanding, and fine-tune your school of web development with this great collection of books on the most exciting field in IT!
CSS-Tricks could be a co-op – Eric Bailey https://ericwbailey.website/published/css-tricks-could-be-a-co-op/ #CSS #CSSTricks
C Ss
#programming #frontend #css #Webdev #Position-absolute
Excited to share that I've joined the Journal of Computational Social Science @springernature.com as an Associate Editor.
If you work on #social, #political, or #demographic questions using #CSS methods, please consider submitting: link.springer.com/journal/42001
Pessoa Desenvolvedora FullStack (Caché/Ensemble) - Sênior — jobgether
Brazil
https://hiring.lat/job/pessoa-desenvolvedora-fullstack-cachensemble-snior-jobgether/213333
#CSS text-overflow <string> read more…