These Unicode patterns by Yuan Chuan are extraordinarily clever. It’s a <css-doodle> custom web component that sets up a CSS grid and randomizes what character to drop into a cell and things, like color.
See all their gorgeous work on CodePen and the very cool <css-doodle> website as well.
Direct Link to Article — Permalink…
The post Unicode Patterns appeared first on CSS-Tricks.
How about a classic CSS trick! This isn’t even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works and had some easy-to-copy examples at the ready.
Let’s say all you wanna do is style the dang numbers:
See the Pen Custom List Style 2 by Chris Coyier (@chriscoyier) on CodePen.
Here’s an example from the CodePen Challenges pages:
See …
The post Custom List Number Styling appeared first on CSS-Tricks.
Simona Cotin did a great talk at Microsoft Build about Serverless technologies, called “Build Node APIs Using Serverless.” In this talk, she addresses pretty much every major gotcha that you might run into while creating Serverless infrastructure for JavaScript applications. Some of the topics included, but are not limited to:
All in all, it’s one of the best talks on Serverless I’ve seen, and if …
The post Build Nodejs APIs Using Serverless appeared first on CSS-Tricks.
React is fast! Some of that speed comes from updating only the parts of the DOM that need it. Less for you to worry about and a speed gain to boot. As long as you understand the workings of setState(), you should be good to go. However, it’s also important to familiarize yourself with how this amazing library updates the DOM of your application. Knowing this will be instrumental in your work as a React developer.
The DOM?
The …
The post How React Reconciliation Works appeared first on CSS-Tricks.
(This is a sponsored post.)
The World Has Changed—So Must the CMS
Having a responsive website is no longer enough. Your audience expects a seamless and personalized customer experience across all their devices—the age of headless technology is coming.
Headless CMS is the next generation in content management for brands that want to stay ahead of the curve by engaging customers through the growing number of channels.
Download The Ultimate Guide to Headless CMS ebook for a deep look …
The post The Ultimate Guide to Headless CMS appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
