Search
Ideas for Distorted Link Effects on Menus
18.3.2020
Some examples of how to use decorative distortion effects on big typography menu links.
Ideas for Distorted Link Effects on Menus was written by Mary Lou and published on Codrops
I Pressed ⌘B. You Wouldn’t Believe What Happened Next
9.3.2020
This talk by Marcin Wichary is — beyond both enthusiastic and outstanding — all about the complexity of UI design, typography, and the lengths his team at Figma has gone to make sure that doing something as simple as selecting a font from a dropdown does what you expect it to.
I’d recommend this...
The Slideout Footer
5.3.2020
A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The content looks amazing, but of course, around here we're always interested in the design and tech as well. There is loads to adore, from the clean...
Just Dropping Some Type Links
3.3.2020
I've had a bunch of tabs open that just so happen to all be related to typography, so I figured I'd give myself the mental release of closing them by blogging them. How's that for a blog post format for ya: whatever random tabs you've had open for far too long.
Times New Roman is popular on...
Big and Bold Typography: A New Trend in Web Design
3.3.2020
Big and bold typography is an absolute classic of website design. It is a timeless, old-school stylistic option that works like a Swiss watch, regardless of the environment that...
The post Big and Bold Typography: A New Trend in Web Design appeared first on Onextrapixel
How We Tagged Google Fonts and Created goofonts.com
16.1.2020
GooFonts is a side project signed by a developer-wife and a designer-husband, both of them big fans of typography. We’ve been tagging Google Fonts and built a website that makes searching through and finding the right font easier.
GooFonts uses WordPress in the back end...
Is it better to use ems/rems than px for font-size?
10.1.2020
The answer used to be absolutely yes because, if you used px units, you prevented the text from being resized by the user at all.
But browser zoom is the default method for making everything bigger (including text) these days and it works great even if you use px.
But... Kathleen McMahon really...
Futuristic and Industrial: The Best Futuristic Fonts
8.1.2020
What does it take to create a design with a futuristic vibe? I believe each of you has its pack of tricks under your sleeves and most importantly, a...
The post Futuristic and Industrial: The Best Futuristic Fonts appeared first on Onextrapixel
Building a Physics-based 3D Menu with Cannon.js and Three.js
10.12.2019
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
Building a Physics-based 3D Menu with Cannon.js and Three.js was written by Arno Di Nunzio and published on Codrops
The New Klim Type Website is Impossibly Lovely
4.12.2019
I’ve spent the last hour hunched over the new Klim Type foundry website with my arms outstretched as if it was a fire in a very dark cave. Klim Type makes and sells wondrous fonts — like Tiempos, and National 2 or Pitch — and this fresh redesign now showcases them in all their glory. Here’s...
Simplified Fluid Typography
29.11.2019
Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them).
The core trickery comes from viewport units. You can literally set type in viewport units (e.g. font-size: 4vw)...
Variations on Theme: Reinventing Type on the Web
20.11.2019
If anyone knows anything about me, it’s usually one of two things: that I have two outrageously fluffy dogs, or that I like fonts and typography. Like, really really like them. So while I am super excited about how well Tristan is doing with his hydrotherapy —we’re walking 50% further than he...
Electro 80s – Best Neon Fonts, Icons, Effects & Mockups
15.11.2019
When it comes to creating a retro atmosphere in design, the first thing that comes to mind is stuff from the vibrant, disco-obsessed 80s. Mario’s era is in fashion...
The post Electro 80s – Best Neon Fonts, Icons, Effects & Mockups appeared first on Onextrapixel
Create Text in Three.js with Three-bmfont-text
10.10.2019
A short tutorial on how to create animated text in Three.js with three-bmfont-text and give it a nice look using shaders.
Create Text in Three.js with Three-bmfont-text was written by Mario Carrillo and published on Codrops
Weekly Platform News: Text Spacing Bookmarklet, Top-Level Await, New AMP Loading Indicator
5.9.2019
In this week's roundup, a handy bookmarklet for inspecting typography, using await to tinker with how JavaScript modules import one another, plus Facebook's in-app browser is only posing as one. Let's get into the news!
Check if your content breaks after increasing text spacing
Dylan Barrell from...
Styling Links with Real Underlines
30.8.2019
Before we come to how to style underlines, we should answer the question: should we underline?
In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles.
That’s clear in this advice from Butterick’s...
Weekly Platform News: CSS font-style: oblique, webhin browser extension, CSS Modules V1
9.8.2019
In this week's roundup, variable fonts get oblique, a new browser extension for linting, and the very first version of CSS Modules.
Use font-style: oblique on variable fonts
Some popular variable fonts have a 'wght' (weight) axis for displaying text at different font weights and a 'slnt' (slant)...
The Guardian digital design system
29.7.2019
Here’s a fascinating look at The Guardian’s design system with a step-by-step breakdown of what's gone into it and what options are available to designers and developers. It shows us how the team treats colors, typography, layouts, and visual cues like rules and borders.
I’ve been struggling...
Telling the Story of Graphic Design
26.7.2019
Let me just frame this for you: we're going to take a piece of production UI from a Sketch file, break it down into pieces of information and then build it up into a story we tell our friends. Our friends might be hearing, or seeing, or touching the story so we are going to interpret and translate...
Juicy and Charismatic: The 11 Best Free Retro Fonts
16.7.2019
Let’s be honest, Retro is the new black today. We are obsessed with everything old. Nostalgia is an official trend. It rules the roost here, there and pretty much...
The post Juicy and Charismatic: The 11 Best Free Retro Fonts appeared first on Onextrapixel