Development

The modern way to create CSS shapes using a minimal code and a single element. A collection of CSS-only shapes created by Temani Afif.

A technical look at how our team facilitates large-scale design updates.

A comprehensive exploration of widespread and well-known naming conventions and their respective pros and cons.

Discover a collection of Tailwind CSS buttons designed to enhance your website's look. Easy to integrate with a copy-paste, no js.

Turn your designs into production-ready frontend code for mobile apps and web. Ship products 5-10x faster with your existing design tools, tech stacks & workflows.

Issue 184: An emerging role in software

The search for the perfect image format is driven by the need for high-quality visuals that load quickly and consume less bandwidth. AVIF…

Test sites on multiple devices in one tab. Improve development, UI/UX, & QA with live previews.

Or bye bye, 12-column grid layout

I set out to learn a bit about how CSS nesting works, especially the new & selector, and I ended up on a deep dive into the :is() selector and its siblings.

When users increase their text size, they're not trying to make the space around text bigger.

Having access to a free reporting tool like Lighthouse in DevTools is a great start for diagnosing performance issues by identifying bottlenecks on the main thread. Even better are paid tools like SpeedCurve to dig deeper into the data for more targeted insights and to produce visual reports to help make a case for performance improvements for your team and other stakeholders.

CodyHouse is an arsenal of production-ready components and tools that empower web designers to craft digital experiences faster and better.

Handpicked collection of Web Design & UI Inspiration with Code Snippets. ✅ GIF preview ✅ HTML CSS copy paste code.

Discover what overengineering is and how to tame it with design. Get a list of best practices for the whole design team.

Find inspiration for naming things - be that HTML classes, CSS properties or JavaScript functions - using these lists of useful words.

Adopting a component driven development approach can help reduce the amount of time and effort spent on QA.

CSS data visualization framework

Variable fonts are reinventing type on the web. Jason Pamental discusses benefits, adoption and a promising new concept

NASA has removed the beta label from the new nasa.gov website, which was launched on WordPress, replacing Drupal as the CMS. After a lengthy process, which required 18 months of active web developm…

What is low-code development and what can you build with it? Get all the details to decide if low-code is right for your enterprise.

Textareas areas are great when it comes to accepting a large amount of text from the user. But, the problem with textareas is that they have a fixed height. So, if the user enters more text than the height of the text, the text will overflow and the user will have to scroll to see the rest of the text.

A collection of the most powerful and customizable code overrides and components built for Framer. Copy & paste, no code required.

Rebuilding TechCrunch with modern CSS.

Typography is a crucial element in web design, shaping the visual appeal and readability of online content.

Fast solution to make illustrations work in both light and dark mode.

While I wasn’t looking, an elastic hover/active effect I shared on CodePen was viewed more than 11,000 times. Here’s how it works!

High-quality videos, a private Discord server, and enough reference code to help you make the web what you always dreamed it could be.

The Pulse with Francine Lacqua is all about conversations with high profile guests in the beating heart of global business, economics, finance and politics. Based in London, we go wherever the story is, bringing you exclusive interviews and market-moving scoops.

Three hover effects based on a grid design by Alena Orlova.