I really like how @Preethi39195942 uses grid-template-areas to “document” layouts, and how that layout changes across breakpoints.
https://css-tricks.com/using-grid-named-areas-to-visualize-and-reference-your-layout/
Not Sure How to WordPress Anymore? by @geoffreygraham
https://css-tricks.com/not-sure-how-to-wordpress-anymore/
There's no need to fight specificity when writing custom Tailwind styles when you have CSS cascade layers. @hypeddev shows us how!
https://css-tricks.com/using-css-cascade-layers-to-manage-custom-styles-in-a-tailwind-project/
CSS Grid and Custom Shapes, Part 2 by @ChallengesCSS
https://css-tricks.com/css-grid-and-custom-shapes-part-2/
When Do You Use CSS Columns? by @geoffreygraham
https://css-tricks.com/when-do-you-use-css-columns/
Why (and How) I Write Code With Pencil and Paper by @rpsthecoder
https://css-tricks.com/why-and-how-i-write-code-with-pencil-and-paper/
Here’s @ChallengesCSS combining CSS Grid’s auto-placement powers with `clip-path` and `mask` magic.
https://css-tricks.com/css-grid-and-custom-shapes-part-1/
I had to go with a heavy-handed approach but…it….works.
https://css-tricks.com/quick-tip-clear-vs-code-cache-for-open-files/
You know how some articles are just easier and more pleasant to read? Well, @mrdanielschwarz points out a few of design choices that make long-form articles nice reading experiences with a nice roundup of examples.
https://css-tricks.com/designing-for-long-form-articles/
Social media service @cohost_org allows users to have greater freedom with markup and inline styles than we may be typically used to.
https://css-tricks.com/committing-css-crimes/
Zooming Images in a Grid Layout by @ChallengesCSS
https://css-tricks.com/zooming-images-in-a-grid-layout/
Sometimes you gotta take matters in your own hands, which is what @simevidas did to get scroll snapping on his Twitter timeline.
(He also sneaks in a little UX suggestion that’s a huge win for product grids.)
https://css-tricks.com/how-i-added-scroll-snapping-to-my-twitter-timeline/
Converting Speech to PDF with NextJS and ExpressJS by @bonarhyme
https://css-tricks.com/converting-speech-to-pdf-with-nextjs-and-expressjs/
Smooshing together great ideas from @davatron5000 and @ChallengesCSS.
https://css-tricks.com/implicit-grids-repeatable-layout-patterns-and-danglers/
You can get some p cool and complex patterns with v little code from CSS grid’s auto-placement powers. Great demos here from @ChallengesCss.
https://css-tricks.com/exploring-css-grids-implicit-grid-and-auto-placement-powers/
They broke in iOS 13 but seem to be back in action!
https://css-tricks.com/scroll-shadows-pure-css-parallax-game-back-on/
I love @mozdevnet's little fade effect for truncating text in cards. Comes with some upsides that text-overflow: ellipsis doesn't.
https://css-tricks.com/recreating-mdns-truncated-text-effect/
Why I Chose Angular to Build a URL Shortener by @obumnwabude
https://css-tricks.com/why-i-chose-angular-to-build-a-url-shortener/
