Search
Are we in a new era of web design? What do we call it?
21.6.2021
Una is calling it the new responsive. A nod to the era we were most certainly in, the era of responsive design. Where responsive design was fluid grids, flexible media, and media queries, the new responsive is those things …
The post Are we in a new era of web design? What do we call...
Be: The Fastest and Easiest Way to Build Your Portfolio Site
21.6.2021
You need to build a portfolio for your web design business, but are stressed about the time commitment. Don’t be. With the new and improved Muffin Builder, you can have it online ASAP.
The post Be: The Fastest and Easiest Way to Build Your Portfolio Site appeared first on Codrops
Links on Typography
18.6.2021
I studied the fonts of the top 1000 websites. Here’s what I learned. — Michael Li brings the data. San-serif has total dominance. “[…] it is rare to go below 10px or above 24px.” And poor <h5> always being the
…
The post Links on Typography appeared first...
Inspirational Websites Roundup #26
3.6.2021
Get updated on the latest trends in web design with this new collection of super creative websites.
The post Inspirational Websites Roundup #26 appeared first on Codrops
15 Tools and Resources for Designers and Agencies To Use in 2021
23.3.2021
15 tools and resources for designers and agencies that will help you and your team be more productive.
The post 15 Tools and Resources for Designers and Agencies To Use in 2021 appeared first on Codrops
7 Creative Ways to Use Geometry in Web Design
16.3.2021
Geometric figures, lines, and spaces can all be used to improve the usability of a website. Here are 7 ways you can creatively put geometry to use in web design.
The post 7 Creative Ways to Use Geometry in Web Design appeared first on Codrops
Getting Deep into Shadows
22.2.2021
Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add physical realism and can be used to make rich, tactile interfaces.
Take the landing page …
The post Getting Deep into Shadows appeared...
On Type Patterns and Style Guides
19.1.2021
Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well for me. I’ll dig into what they are and how they can …
The post On Type Patterns and Style Guides appeared first on CSS-Tricks.
You...
New Web Design Trends and Inspiration for 2021
11.1.2021
Web design trends come and go. Thanks to the upheaval in 2020, web designers are going to see some common trends fall by the wayside for safer design choices.
The post New Web Design Trends and Inspiration for 2021 appeared first on Codrops
Chapter 6: Web Design
29.12.2020
Previously in web history…
After the first websites demonstrate the commercial and aesthetic potential of the web, the media industry floods the web with a surge of new content. Amateur webzines — which define and voice and tone unique to …
The post Chapter 6: Web Design appeared first...
Three Ways to Distinguish a Site From the Norm
16.12.2020
In an age where so much web design is already neat, clean, and simple, I can think of three ways to distinguish your site from the norm:
Stunning visuals that cannot be created in UI vector editors, like Figma and Sketch
Beautifully-animated interactions that cannot be dreamt in the language...
Under-Engineered Responsive Tables
1.12.2020
I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...
How to Bring Your Website to Life with UI Animation
9.11.2020
Web design can feel pretty predictable these days. If you want to differentiate your website from the pack, bring some excitement to it with UI animation.
The post How to Bring Your Website to Life with UI Animation appeared first on Codrops
How to Make a Media Query-less Card Component
1.9.2020
Fun fact: it’s possible to create responsive components without any media queries at all. Certainly, if we had container queries, those would be very useful for responsive design at the component level. But we don’t. Still, with or without container queries, we can do things to make our components...
Design.dev Review: A New Place to Find Free High-Quality Design Resources
27.8.2020
The hip new design resource site Design.dev will provide you with unique resources and premium designs that you won't find anywhere else.
The post Design.dev Review: A New Place to Find Free High-Quality Design Resources appeared first on Codrops
My Long Journey to a Decoupled WordPress Gatsby Site
13.7.2020
As a professional research biologist, my playground used to be science laboratories filled with microscopes, petri dishes, and biology tools. Curiosity leads many scientists on their journey to discoveries. Mine led me to web design. I used to try learning HTML on my lab desktop while centrifuging...
Inspirational Websites Roundup #16
26.6.2020
This special collection of wonderful websites will get you up-to-date on current web design trends.
The post Inspirational Websites Roundup #16 appeared first on Codrops
Collective #607
28.5.2020
Windups * Untools * Tailblocks * PureCSS Gaze * RoughNotation * Responsive web design turns ten
Collective #607 was written by Pedro Botelho and published on Codrops
Responsive web design turns ten.
27.5.2020
Ethan on the thinking and research that inspired the term:
Around that time, my partner Elizabeth visited the High Line in New York City shortly after it opened. When she got back, she told me about these wheeled lounge chairs she saw in one section, and how people...
Responsive web design turns ten.
27.5.2020
Ethan on the thinking and research that inspired the term:
Around that time, my partner Elizabeth visited the High Line in New York City shortly after it opened. When she got back, she told me about these wheeled lounge chairs she saw in one section, and how people would move them apart for a...