Smashing Magazine delivers reliable, useful, but most importantly practical articles to web designers and developers.

A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page.

Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles.

Collect UI offers daily design inspiration sourced from the daily UI archive and beyond. The website showcases hand-picked Dribbble shots and updates its collection daily.

Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

A CSS gallery and showcase of the best web design inspiration, featuring over 2,500 websites searchable by type, subject, and style.

Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques, and new possibilities.

Dash is a design tool and platform aimed at helping businesses grow.

CSS-Tricks features videos on various web design and development topics, with a focus on CSS techniques and best practices.

A collection of free, repeatable SVG background patterns for you to use on your digital projects.

Customizable SVG patterns and background designs for websites and blogs. Adjust color and size for a custom background pattern.

Blobmaker is a free generative design tool to help you quickly create random, unique, and organic-looking SVG shapes.

Essential metrics for a healthy site. Web Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.

Download the best free design resources from Dribbble. Discover the best UI Kits, Icons, Templates, Mockups, Style Guides, Illustrations, and more freebies.

Subtle Patterns offers free textures for your next web project. The patterns are subtle and are meant to be used as a background or on specific elements to complement the overall design.

Noun Project features the most diverse collection of icons and stock photos ever. Download SVG and PNG.

A cheat sheet that showcases different types of easing functions, providing a visual guide and snippets for usage in animations.

Excalidraw is a virtual whiteboard tool that lets you easily sketch diagrams with a hand-drawn feel.

A collection of free online tools to perform transformations, conversions, and operations on different types of data.

A free SVG wave generator to make unique SVG waves for your next web design.

Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

A tool for creating `clip-path` shapes with CSS, making it easier to understand and visualize how the property works.

CSS triangle generator - A generator for pure CSS triangle.

Envato Tuts+ offers a wide range of video tutorials covering various aspects of web design. From the basics to more advanced topics, these tutorials are designed to help both beginners and experienced designers.

Webflow University offers comprehensive video tutorials on using the Webflow platform, as well as general web design principles.

Udemy hosts a variety of web design courses, ranging from beginner to advanced levels. These courses often include video lectures and practical exercises.

Lynda, now known as LinkedIn Learning, offers a plethora of video courses on web design, taught by industry professionals.

Codecourse provides video tutorials on web design and development, focusing on practical coding exercises and real-world projects.

A podcast about front-end web design, development, and UX. Hosted by Dave Rupert and Chris Coyier.

A podcast where Karen McGrane and Ethan Marcotte interview the people who make responsive redesigns happen.

A podcast featuring a panel of Software Engineers from Netflix, Twitch, & Atlassian talking over drinks about all things Front End development.

A podcast about the details of design, hosted by Marshall Bock and Brian Lovin.