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/
On Type Patterns and Style Guides by @sheriffderek
https://css-tricks.com/on-type-patterns-and-style-guides/
Rendering the WordPress philosophy in GraphQL by @losoviz
https://css-tricks.com/rendering-the-wordpress-philosophy-in-graphql/
State of JavaScript 2020
https://css-tricks.com/state-of-javascript-2020/
RT Sara Soueidan
Re The whole concept of "design handoffs" should IMO be deprecated in favor of a more collaborative design-dev process that aims to get into the browser & as close to the real product as early as possible.
On Auto-Generated Atomic CSS
https://css-tricks.com/on-auto-generated-atomic-css/
3 Approaches to Integrate React with Custom Elements
https://css-tricks.com/3-approaches-to-integrate-react-with-custom-elements/
Building an Ethereum app using Redwood.js and @fauna, by @platocrat
https://css-tricks.com/building-an-ethereum-app-using-redwood-js-and-fauna/
Proper Tabbing to Interactive Elements in Firefox on macOS
https://css-tricks.com/proper-tabbing-to-interactive-elements-in-firefox-on-macos/
