Development

Turning product managers and engineers from frustrating foes into advocating allies

How designers and engineers can collaborate for better design systems

How “Slow Productivity” taught me to deal with people rushing me for designs

Simplifying technical language for UI/UX Designers

If we, as designers, don’t fight to end the design handoff sh** show, then who will?

How diving deeper into the world of programming has made me into a stronger designer.

A JavaScript library to position floating elements and create interactions for them.

How a murky phase in app development became a competitive new profession

A few weeks ago, a major leak occurred, and over 2,500 pages containing Google’s ranking factors were revealed. Since then, I’ve been…

The biggest collection of CSS-only loaders. More than 600 loading animations made by Temani Afif using a single element.

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.