This week represents a mixed bag of everything, from nice animations to the end of FE development. Definitely get your max-size coffee cup to get through all of this.
It is quite interesting to observe how barrel files impact build speed.
https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/
https://astro-3d-view-transitions.pages.dev/
and here is an article on how to create your transitions:
Fantastic animation and a superb explanation.
https://kyndinfo.notion.site/Fluid-Simulation-f0516d9d12e245a08ae5c7545ac822dd
If you are in a rush, there is a full-size demo: https://codepen.io/kynd/pen/jOXZXWB
https://jakelazaroff.com/words/an-interactive-intro-to-crdts/
https://buttondown.email/hillelwayne/archive/did-brendan-eich-really-make-javascript-in-10-days/
https://github.com/iamkun/dayjs
~800 bytes.
https://github.com/knadh/autocomp.js
And where is the fun of building, struggling, and spending hours messing with CSS?
https://www.builder.io/blog/figma-to-code-visual-copilot
There is also NBRTLSM, and I can’t decide if I like it or hate it.
https://neobrutalism-components.vercel.app/
It's certainly a good article to read.
https://cloudfour.com/thinks/when-to-nest-css/
Short and to-the-point article on the best practice with TailwindCSS
https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-css
https://www.viget.com/articles/demystifying-wcag-2-2/
Here is new syntax light-dark(<color>, <color>);
Neat and simple if compared to
:root {
--text-color: #333; /* Value for Light Mode */
}
@media (prefers-color-scheme: dark) {
--text-color: #ccc; /* Value for Dark Mode */
}
https://webkit.org/blog/14670/simplified-responsive-design-mode/