Development

An exploration of the pain points that CSS gap solves.

A quick overview of the attributes we can add to form fields to provide hints to the browser and improve the user experience for our visitors.

EasyFrontend offers a collection of UI Components, Blocks, and Sections built with HTML, React, Bootstrap, and Tailwind CSS. These components are designed to boost your development workflow by providing over 700+ free UI components. Developers can utilize these components by copy-pasting code directly into their projects

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.

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!