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/
Scrollbars on Hover
https://css-tricks.com/scrollbars-on-hover/
RT Derya Tanrıverdi
Polaroid Camera by HTML, SCSS, and JS!
Note: The version on Codepen doesn't have audio, as I still couldn't find a url for it! Click to take a photo!
#wwc #WomenWhoCode #css #cssart #html #javascript #Webdesign #SoftwareEngineer #FrontEnd
https://codepen.io/deryatanriverdi88/pen/ExgdOxq
New in Chrome 88: aspect-ratio
https://css-tricks.com/new-in-chrome-88-aspect-ratio/
