No-Jank CSS Stripes
https://css-tricks.com/no-jank-css-stripes/
RT Sara Soueidan
This incredibly talented 7.5-year-old girl created a single-div CSS-only Panda and is sharing how she did it with the rest of the world 😍
My timeline's going to get even brighter from today on 💞
Diana: Day #79-82 #100DaysOfCode
WOW...I made a Panda in CSS using #singlediv 😃😎
I had to divide the video in 2 parts cause it was too long for twitter. I upload part 2 in another tweet
tnx 4👍
Pen Link👇
#CodeNewbie #codeNewbies #GirslWhoCode #KidsCanCode
https://codepen.io/superpowerkid/pen/YzGgGZp
Bulletproof flag components
https://css-tricks.com/bulletproof-flag-components/
RT Adam Argyle
Explode A Node!
an interactive CSS box model experience 🤓
source on @CodePen -
https://codepen.io/argyleink/full/BaLedvd
Styling Web Components
https://css-tricks.com/styling-web-components/
GreenSock ScrollTrigger
https://css-tricks.com/greensock-scrolltrigger/
A Whole Website in a Single HTML file
https://css-tricks.com/a-whole-website-in-a-single-html-file/
Components: Server-Side vs. Client-Side by @seancdavis29
https://css-tricks.com/components-server-side-vs-client-side/
The Holy Grail Layout with CSS Grid
https://css-tricks.com/the-holy-grail-layout-with-css-grid/
RT David K. 🎹
.meeting + .meeting {
margin-top: 15min !important;
}
Re-Creating the Porky Pig Animation from Looney Tunes in CSS by @kilianvalkhof
https://css-tricks.com/re-creating-the-porky-pig-animation-from-looney-tunes-in-css/
Tech Stacks and Website Longevity
https://css-tricks.com/tech-stacks-and-website-longevity/
Checkerboard Reveal
https://css-tricks.com/checkerboard-reveal/
Like the way @Nsebhastian breaks down a multi-step form in React in this post.
https://css-tricks.com/the-magic-of-react-based-multi-step-forms/
You want minmax(10px, 1fr) not 1fr
https://css-tricks.com/you-want-minmax10px-1fr-not-1fr/
Servers: Cool Once Again
https://css-tricks.com/servers-cool-once-again/
useStateInCustomProperties
https://css-tricks.com/usestateincustomproperties/
RT Chrome Developers
🆕 #GUIchallenges from @argyleink!
"Thinking on ways to solve a SIDENAV"
✅ responsive
✅ keyboard support
✅ cross browser
✅ grid + :target
✅ transforms
✅ light & dark theme
Watch
Read
Demo
https://www.youtube.com/watch?v=uiZqDLqjGRY
https://web.dev/building-a-sidenav-component/
https://gui-challenges.web.app/sidenav/dist/
How to Play and Pause CSS Animations with CSS Custom Properties by @madsstoumann
https://css-tricks.com/how-to-play-and-pause-css-animations-with-css-custom-properties/
