Everything You Want To Know About Media Queries and Responsive Design

Learn all about media queries, responsive design principles and techniques, and the mobile-first approach we take at Kablamo.

https://engineering.kablamo.com.au/posts/2023/media-queries-and-responsive-design/

Creating animated logos with Lottie and Vue 3

We demonstrate how to create, customize, export, and add Lottie animations (including animated logos) to Vue 3 projects.

https://blog.logrocket.com/creating-animated-logos-lottie-vue-3/

Linting defensive and logical CSS with Stylelint plugins

In this article, we’ll explore using Stylelint plugins to help us adopt and enforce defensive and logical CSS practices.

https://blog.logrocket.com/linting-defensive-logical-css-stylelint-plugins

Modern CSS in Real Life

Hey! Chris Coyier here. This is a blog-itized version of a presentation I created. It started life as a Keynote file which I presented in person at RenderATL in June of 2023. I put a lot of work into it! I’m so grateful to everyone who came and saw it. But you can’t beat the …

https://chriscoyier.net/2023/06/06/modern-css-in-real-life/

Chris Coyier

Modern CSS in Real Life - Chris Coyier

Hey! Chris Coyier here. This is a blog-itized version of a presentation I created. It started life as a Keynote file which I presented in person at RenderATL in June of 2023. I put a lot of work into it! I’m so grateful to everyone who came and saw it. But…

Best Animation Libraries For React

Today, Web application user interfaces have many elements that make them appealing to users....

https://dev.to/arafat4693/best-animation-libraries-for-react-156n

Modern CSS For Dynamic Component-Based Architecture

Explore modern project architecture, theming, responsive layouts, and component design. Learn to improve code organization, dig into layout techniques, and review real-world, context-aware components that use cutting-edge CSS techniques.

https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/

IntelliNode — Unified access to various AI models, such as ChatGPT, Diffusion, Cohere, and others, using a few Javascript lines.

Unified access to various AI models, such as ChatGPT, Diffusion, Cohere, and others, using a few Javascript lines. - GitHub - Barqawiz/IntelliNode: Unified access to various AI models, such as Chat...

https://github.com/Barqawiz/IntelliNode

Nuxt 3.6 is out, bringing performance improvements, fully static server components, better style inlining, static presets, increased type safety — and much more.

https://nuxt.com/blog/v3-6

Fit-to-Width Text

https://kizu.dev/fit-to-width-text/

kizu.dev

Fit-to-Width Text

What if I will tell you how we could solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! Join me as I continue exploring the experimental implementations of the latest…

Building a line graph with CSS clip-mask

This isn’t a substitute for d3 or chart.js. It is however, a surprisingly simple and effective way of creating a line graph. I’ve used this clip-path technique when I want to show a basic updating...

https://benfrain.com/building-a-line-graph-with-css-clip-mask/

Ben Frain

Building a line graph with CSS clip-mask

This isn’t a substitute for d3 or chart.js. It is however, a surprisingly simple and effective way of creating a line graph. I’ve used this clip-path technique when I want to show a basic updating...