Comparing Full Stack and Headless CMS Platforms
This article dives CMS, both full stack and headless, to help you understand which CMS is suitable to what conditions. Continue read…
Read moreCreating Fluid Typography with the CSS clamp() Function
We dive into the intricacies of how to use the CSS clamp() function to scale the size of text across a range of device sizes. Contin…
Demystifying Screen Readers: Accessible Forms & Best Practices
This is the 3rd post in a small series we are doing on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look at using a … Demystifying Screen Readers: Accessible Forms & Best Practices originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
7 Easy Ways to Make a Magento 2 Website Faster
Is your Magento site running slowly? In this article, we cover seven practical tips for making a Magento 2 online store faster. Cont…
Powerful React Form Builders to Consider in 2024
We survey four React form builders, noting their core features and important aspects to consider when picking a form builder. Contin…
How to Measure Interaction to Next Paint (INP)
For several years, INP was an experimental and later a pending metric. Some found it familiar, others overlooked it, and […] The post How to Measure Interaction to Next Paint (INP) appeared first on O…
HTML popover Attribute
Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don’t know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute — let’s check […] The post HTML popover Attribute appeared first on David Walsh Blog.
CSS in React Server Components
You can’t make an omelette without cracking a few eggs, and when the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled 😅. In this blog post, we’re going to explore the compatibility issues between React Server Components and CSS-in-JS libraries like styled-components. You’ll understand what the issue is, what the options are, and what’s on the horizon.
Quick Tip: How to Animate Text Gradients and Patterns in CSS
In this quick tip, we show how easy it is to add animated background gradients and images to text on the Web, with handy demos. Cont…
Why did Google Switch from FID to INP?
Both Interaction to the Next Paint (INP) and First Input Delay (FID) metrics help to evaluate website responsiveness. They answer […] The post Why did Google Switch from FID to INP? appeared first on …