PiccalilliA very simple and effective ruleset to follow
| Website | https://crinkles.dev |
| Bluesky | https://bsky.app/profile/crinkles.dev |
| GitHub | https://github.com/kpnnkmp |
Kevin Pennekamp
- 7 Followers
- 293 Following
- 306 Posts
#CSS lover | Staff front-end engineer | Engineering manager
A revisit of the Every Layout sidebar with :has() and selector performance
Heydon Pickering takes a fresh look the Every Layout Sidebar layout, 6 years on, to see if modern CSS selectors can improve it.
https://piccalil.li/blog/a-revisit-of-the-every-layout-sidebar-with-has-and-selector-performance/
I spend hours across several days to solve an issue on a layout behaving different between environments. The only difference I could find is that in the build pipeline some stuff is added on one environment.. To be precise a <script> tag is added as the last child in the body.
So.... `body > :last-child` was now targeting the <script> instead of <main>. WHYYYY CSS, why....
Johannes OdlandThis proposal from @leaverou looks really interesting 👀
Now that we have `:has()` it should be possible to create `inverted` combinators.
A new parent combinator `B < A` could be syntactic sugar for `A:has(> B)`. Similarly we could add previous sibling and ancestor combinators.
The symmetry could make it easier for students to learn, and it could improve readability.
Child selector: `A > B`
Parent selector: `B < A`
What do you think?
Go check it out:
Hacker NewsI made Logic gates using CSS if() function
https://yongsk0066.github.io/css_if_logic_gate/
#HackerNews #LogicGates #CSS #ifFunction #WebDevelopment #CodingInnovation #CSSArt
CSS by T. Afif 
CSS Functions will soon be available, and it's time to confuse JS developers (and maybe backend developers) a bit.
No, they are not the same as in JS. Like with CSS properties, the order inside doesn't matter and we can write everything in reverse. 🙃
Demo: https://codepen.io/t_afif/pen/MYwMaYE via @codepen (Chrome-only with experimental flag enabled)
Hello Weatherand since we’re overachievers, we also made a new website:
The all new Hello Weather is finally here!
We’re rolling it out gradually this week, so if you don’t see the update yet, hop over to this App Store link and grab it.
Hello Weather
Hello Weather gives you beautiful, trustworthy forecasts powered by the best weather data on Earth. With hyperlocal real-time updates and a joyful design that’s easy to read at a glance, you’ll always be prepared for anything coming your way. Five reasons why you’ll love planning your day with Hell…
Frontend DogmaSlightly Enhanced Sticky Revealing Footer, by @crinkles:
Chris FerdinandiI'm so happy with how Kelp is shaping up!
If you like HTML, modern CSS, and web components, you'll love Kelp!