plz god 1Password

The fact that you can get anywhere near the game of Wordle with 43 lines of HTML and 63 lines of CSS is a wonderful showcase of power they have.

codepen.io/scottjehl/pen/…

by Scott Jehl

I wrote up a post about the View Transitions API on the Frontend Masters 💻✨ blog!

frontendmasters.com/blog/the-view-…

#CSS by Chris Coyier
- Container Queries (Size & Styles)
- Container Units
- :has()
- View Transitions
- Nesting
- Scroll-Driven Animations
- Anchor Positioning
- Scoping
- Cascade Layers
- P3 Colors
- Color Mixing
- Margin Trim
- Text Wrapping
- Subgrid

frontendmasters.com/blog/what-you-…

Minimal CodePen workstation ready ✨! Coding anywhere. 😄

#CodePen #customkeyboard #ferris #sweep #webdevelopment #css #cyberdeck

If anyone is looking for a good lil open source project to do, i bet people would like a good version of this prototype i did.

It’s a code puncher component that looks fancy but isn’t. Just a text input with styles that make it seem like several. Makes it work with more stuff.

When teaching CSS layouts in 2024, start with CSS Grid.

Flexbox is an exception for most layouts.

There is no reason to use Flexbox for grid-based layouts.

Prepping my Frontend Masters 💻✨ Grid/Flexbox 2024 course, and it's full of hot takes like this 😉
frontendmasters.com/workshops/css-…

Chrome!!

This is killing me. So many users frustrated. Our <iframe> permissions just don't seem to work anymore, even though they are set like they always have been.

Example in image.

One goal for this year is to write for other publications, so I'm doing it. First post over on the Frontend Masters 💻✨ Boost blog.

📝 Capo.js, a five-minute trick to give your website a boost.

frontendmasters.com/blog/capo-js-a…

'Not a bad result for a little bit of CSS!'
— Jeremy Keith @ adactio.com/journal/20899

'Not bad for a few lines of CSS!'
— Cory LaViska @ abeautifulsite.net/posts/better-b…

(On entirely different modern CSS things.)

Is there anything Microsoft doesn't own these days? We discuss the powerful reach of our Microsoft overlords with Chris Coyier on the latest WWW episode.

whiskey.fm/chris-coyier-o…

> Instead of a dirty word, devs now wear the profession of “Frontend Engineer” with pride.

redmonk.com/kholterhoff/20…

Feels like we need a few years for the latest CSS to settle in and become part of regular usage. Even if you *know* about the stuff, it takes time to build the muscle memory around it.

Thinking of :has, scope, layer, colors, scrolling stuff, popovers, container units, etc.

yeah totally caught me off guard when the version of Chrome shipped where the native scrollbar-* properties overrode the ::-webkit-* ones.

I might have landed a pretty cool freelancing job, thanks to being featured in CodePen's newsletter 🤞

Blazing Saddles was released 50 years ago today, a film which despite what other people say has definitely aged better than other comedies of its time. Definitely due for a re-watch

i would like to say that codepen does not want to 'track' anyones 'hands' lol

🎉🥳 Episode 600! 🥳🎉

After twelve years of weekly episodes, this week we asked YOU a big question: Where will the web be in 12 years?

shoptalkshow.com/600/

No. 3 on the Top Pens of 2023 is 'Glowy Hover Effect' by Ines.

Such a clever tactic to duplicate the DOM in a layer directly on top, make coloring adjustments, then mask it to only show a portion of it.

codepen.io/inescodes/pen/…

It’s the moment you’ve all been waiting for… 🙃
The CodePen.IO #CSS Room Furniture Challenge Results!! 🥳 codepen.io/ivorjetski/pen…
Huge thank you to everyone that took part. Some very nice work! Please enjoy my review: youtube.com/watch?v=-ajtAw…

@Alvaro_montoro Michael @Garethheyes