science and technology

Cesium Fonts

I always felt that our Vitesse typeface, an unusual species of slab serif, would take well to an inline.




science and technology

The Hero Generator

I've had to implement the same website header for several years now, so like a good lazy programmer, I figured I'd automate it.




science and technology

New Identity for Esprit by Pentagram

Established in 1968, Esprit is a fashion brand that designs, manufactures, and retails clothing, footwear, accessories, jewelry, and even housewares.




science and technology

Are you using SVG favicons yet? A guide for modern browsers.

You should be using SVG favicons. They're supported in all modern browsers right now.




science and technology

Your dark mode toggle is broken

With more and more sites gaining support for dark mode and adding very pretty toggles to their design, it's important to implement them correctly.




science and technology

A systems view of brand design

Rebranding does not happen overnight; it's a steep and long process to transform from one brand to the next.




science and technology

Color Theme Switcher

Last year, the design gods decided that dark modes were the new hotness. "Light colors are for suckers", they laughed,.




science and technology

Responsive grids and how to actually use them: common UI layouts

How to use the right responsive grid and UI layout based on your design goals.




science and technology

How I Redesigned My College's Students Application

This case study is a personal project and the output is solely a work of my research and design.




science and technology

Cuomo's PowerPoints are endearingly primitive, so this designer redid them

Pentagram partner Giorgia Lupi takes a crack at redesigning the PowerPoints that New York Governor Andrew Cuomo features in his daily press briefings.




science and technology

Identifying Generational Gaps in Music

This is a music challenge, testing how well you recognize historic hits.




science and technology

Selection in CSS

In this article, I will go through everything about selection in CSS.




science and technology

Best blog designs I want to steal everything from

As I was going through rebuilding my blog, I spent a lot of time looking at other people's sites trying to get inspiration.




science and technology

Exciting Things on the Horizon For CSS Layout

This past week has brought a few announcements from browser vendors of some exciting things that might have a big impact on CSS layout.




science and technology

Morphing Gooey Text Hover Effect

Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.




science and technology

Creating a Gauge in React

Let's embark on a journey. At the end of this journey, we'll have created a gauge component in React.js.




science and technology

COVID-19: the ultimate Design Thinking use case

During times such as these, eager designers and creatives can’t help but see opportunities for improvement.




science and technology

Designing Emotional UI

When it comes to digital products, many people want to interact with digital devices the same way they interact with other people.




science and technology

Faking 3D Elements with CSS

Although not always practical, creating the illusion that some of your web elements are "3D" can be a fun experiment.




science and technology

Edoardo Smerilli

Edoardo Smerilli is a film director based in Bologna, Italy. As multidisciplinary director, he combine cinema, comics, VFX and CGI.




science and technology

Bringing Together Two Creative Communities

We're excited to announce that we are welcoming Creative Market into the Dribbble family.




science and technology

Wonder Blocks: on the creation of Khan Academy's Design System

When we embarked on creating our design system, we unearthed over 50 kinds of buttons and links and 100+ instances of style definitions for type.




science and technology

32 Design Differences between iOS and Android Apps

Adapting an app’s design to another platform is crucial. But what exactly sets design for iOS and Android apart? Let’s see.




science and technology

Unleash your inner Damien Hirst with Snapchat's new filter

It is highly unlikely that you or I will ever be wealthy enough to acquire a piece of art from Damien Hirst.




science and technology

How Low Can Your Logo

See the winner of the contest to create the worst logo.




science and technology

Designer Slack Communities.

A collection of Slack communities for designers around the world.




science and technology

A Complete Guide to CSS Functions

Like any other programming language, CSS has functions.




science and technology

So You've Written a Bad Design Take

So you've just written a blog post or tweet about why wireframes are becoming obsolete, the dangers of "too accessible" design.




science and technology

Design System Interview Questions

At the beginning of every engagement, we spend a great deal of time learning about our client's culture, politics, products, tools, and workflows.




science and technology

For many, accessibility is an unknown unknown

An unknown unknown is something you don't know you don't know. When you're just starting out with web development there are many unknown unknowns.




science and technology

Always judge a book by its cover

Weird and wonderful books judged on their covers and titles.




science and technology

Static Hoisting

Since I published my post detailing the trend towards static hosting, a question has come up: how is this different from a server and a CDN?




science and technology

YouTube Sans: The Making of a Typeface

How YouTube created a tailor-made font that doubles as a brand ambassador.




science and technology

The Pragmatic Designer: Local and Self Hosted Design Tools

How to still do efficient user research, UI design and collaborate when you can’t use Figma, Invision and all the fancy new cloud design tools.




science and technology

Does masonry belong in the CSS Grid specification?

My thoughts, a demo and a request for you to add your own comments on the CSS WG thread.




science and technology

5 exercises to level up your design skills

My design journey started four years ago when I quit my job at a children's sleep clinic to become a designer.




science and technology

Typographic Doubletakes

While good typefaces have families of carefully related styles, some of the best typography builds unexpected relationships between unrelated fonts.




science and technology

Copy & Paste Your Surroundings into Photoshop with a Magical AR App

Designer Cyril Diagne has developed an augmented reality app that can copy objects from the real world and paste them into a Photoshop document.




science and technology

Science confirms it: Websites really do all look the same

We studied 10,000 websites and found that their design has become more uniform over time.




science and technology

Famous Hope Quotes as Charts

I thought we (i.e. me) could use a break, so I made these abstract charts to represent the most popular quotes about hope on Goodreads.




science and technology

A new normal for design

Conversations happening around systems, processes, career advancement, and why our understanding of collaboration is flawed in a remote-first world.




science and technology

How typefaces influence you

A typeface choice could influence your perception of the lawyer opening a new law office, or the coffee shop you never noticed before.




science and technology

Everything I Learned About min(), max(), clamp() In CSS

CSS Comparison Functions become supported in Firefox on 8 April 2020, which means that they are now supported in all major browsers.




science and technology

Pandemic Creativity: Edible Versions of Famous Artworks

In another example of how the constraints of the pandemic are fostering creativity, artist Claire Salvo is creating edible versions of artworks.




science and technology

A case study of complex table design

I just released a new version of Actual and a big change is a rewrite of the budget table.




science and technology

[ASAP] Three-Dimensional Coating of SF/PLGA Coaxial Nanofiber Membranes on Surfaces of Calcium Phosphate Cement for Enhanced Bone Regeneration

ACS Biomaterials Science & Engineering
DOI: 10.1021/acsbiomaterials.9b01729




science and technology

[ASAP] Ultrasound Responsive Magnetic Mesoporous Silica Nanoparticle-Loaded Microbubbles for Efficient Gene Delivery

ACS Biomaterials Science & Engineering
DOI: 10.1021/acsbiomaterials.0c00014




science and technology

[ASAP] Correction to “Synergistic Effects of N/Cu Dual Ions Implantation on Stimulating Antibacterial Ability and Angiogenic Activity of Titanium”

ACS Biomaterials Science & Engineering
DOI: 10.1021/acsbiomaterials.0c00332




science and technology

[ASAP] Frugal Innovation for Point-of-Care Diagnostics Controlling Outbreaks and Epidemics

ACS Biomaterials Science & Engineering
DOI: 10.1021/acsbiomaterials.9b01712




science and technology

[ASAP] Biomimetic Bilayer Scaffold as an Incubator to Induce Sequential Chondrogenesis and Osteogenesis of Adipose Derived Stem Cells for Construction of Osteochondral Tissue

ACS Biomaterials Science & Engineering
DOI: 10.1021/acsbiomaterials.0c00200