Search
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...
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
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
Render Snarky Comments in Comic Sans
25.6.2019
Hilarious idea by Zach Leatherman. To test if a comment is "snarky" or not, there is an npm package up to the task.
On this site, we generally just delete snarky comments, but I still run a WordPress plugin that allows me to "feature" or "bury" comments. It's old but it still works fine in...
15 Best Number Fonts for Displaying Numbers
20.6.2019
Website typography has multiple different aspects; displaying numbers on the screen is among the most important ones. There are many use cases when you might want to focus on...
The post 15 Best Number Fonts for Displaying Numbers appeared first on Onextrapixel
Free Vector and PhotoShop Text Effects for a Quick Makeup
1.6.2019
Typography is one of the most powerful tools in the designer’s arsenal. It’s not only an instrument to display text and convey a message, but it’s also a mean...
The post Free Vector and PhotoShop Text Effects for a Quick Makeup appeared first on Onextrapixel
The Serif Tax
9.4.2019
Fonts are vector. Vector art with more points makes for larger files than vector art with fewer points. Custom fonts are downloaded. So, fonts with less points in their vector art are smaller. That's the theory anyway. Shall we see if there is any merit to it?
Open Sans (top) and Garamond...
Typography for Developers
27.2.2019
This is intended as a practical guide for developers to learn web typography. We’ll cover a range of practical and useful topics, like how to choose and use custom fonts on the web, but more importantly, how to lay text out to create a pleasant user experience. We’ll go over the principles...
Text Trail Effect
27.2.2019
A text trail effect for a slideshow inspired by the "Abstract is hiring" Dribbble shot.
Text Trail Effect was written by Mary Lou and published on Codrops
Colorful Typographic Experiments
21.2.2019
There have been some interesting, boundary-pushing typography-related experiments lately. I was trying to think of a joke like "somethings in the descenders" but I just can't find something that will stand on its own leg without being easy to counter.
Codrin Pavel created a fascinating multi-color...
SVG Filter Effects: Duotone Images with <feComponentTransfer>
5.2.2019
This fourth article in our SVG Filter series will show you how to use feComponentTransfer to create a duotone filter effect.
SVG Filter Effects: Duotone Images with <feComponentTransfer> was written by Sara Soueidan and published on Codrops
Well, Typetura seems fun
1.2.2019
I came across this update from Scott Kellum's and Sal Hernandez's project Typetura via my Medium feed this morning, and what a delight?!
(Also, wow, I really have been out of the game for a minute.)
Typetura.js is a fluid design solution, for any property, based on any input. It’s not for just...
Layer Motion Slideshow
24.1.2019
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
Layer Motion Slideshow was written by Mary Lou and published on Codrops
Your Body Text is Too Small
21.7.2018
Several years ago, there was a big push by designers to increase the font-size of websites and I feel like we’re living in another era of accessibility improvements where a fresh batch of designers are pushing for even larger text sizing today. Take this post by Christian Miller, for example, where...
Font Playground
20.7.2018
This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...