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/
Lightweight Form Validation with Alpine.js and Iodine.js by @elliotclydenz
https://css-tricks.com/lightweight-form-validation-with-alpine-js-and-iodine-js/
With an Netlify Edge Handlers, it's not particularly difficult to get an original response, make the cloud data call, and update the markup.
https://css-tricks.com/netlify-edge-handlers-2/
