Backdrop Filter effect with CSS
https://css-tricks.com/backdrop-filter-effect-with-css/
Wish you could study how websites use CSS?
This is what we do for the CSS chapter of the Web Almanac, for which I'm the content lead this year.
Post your proposals as Github issues and vote on others, here:
or directly in the repo:
https://leaverou.github.io/mavoice/?repo=leaverou/css-almanac&labels=proposed%20stat
https://github.com/LeaVerou/css-almanac
Lazy Loading Images in Svelte
https://css-tricks.com/lazy-loading-images-in-svelte/
Irregular-shaped Links with Subgrid
https://css-tricks.com/irregular-shaped-links-with-subgrid/
Tradeoffs and Shifting Complexity
https://css-tricks.com/tradeoffs-and-shifting-complexity/
Netlify Does Cache Invalidation For You
https://css-tricks.com/netlify-does-cache-invalidation-for-you/
🔥 You can easily make an API on Netlify with our Serverless Functions!
This quick article by @chriscoyier shows you how...
https://css-tricks.com/make-yourself-a-little-api-with-netlify-functions/
Re Snowpack + Eleventy + Sass + PostCSS looks fun too!
https://zellwk.com/blog/eleventy-snowpack-sass-postcss/
Eleventy + Tailwind + Alpine is a fun little stack.
https://css-tricks.com/eleventy-starter-with-tailwind-css-alpine-js/
Three CSS Alternatives to JavaScript Navigation by Blake Lundquist
1) Put the nav at a URL like /menu/ (😳)
2) Just scroll ↔️
3) A checkbox-hack burger menu
https://css-tricks.com/three-css-alternatives-to-javascript-navigation/
Did I mention on here we have posters for sale for CSS Flexbox and CSS Grid? Here's mine in my office.
Flexbox:
Grid:
✨ Which are designed by @lynnandtonic! ✨
https://css-tricks.com/product/css-flexbox-poster/
https://css-tricks.com/product/css-grid-poster/
WooCommerce on CSS-Tricks
https://css-tricks.com/woocommerce-on-css-tricks/
Improving Chromium’s browser compatibility in 2020
https://css-tricks.com/improving-chromiums-browser-compatibility-in-2020/
Building Serverless GraphQL API in Node with Express and Netlify
https://css-tricks.com/building-serverless-graphql-api-in-node-with-express-and-netlify/
WordPress Contributors Seek Sponsorship for Improving Gutenberg Developer Docs
https://css-tricks.com/wordpress-contributors-seek-sponsorship-for-improving-gutenberg-developer-docs/
Posters! (for CSS Flexbox and CSS Grid)
https://css-tricks.com/posters-for-css-flexbox-and-css-grid/
The Thirteenth Fourth
https://css-tricks.com/the-thirteenth-fourth/
