System Fonts: All You Need to Know

In this tutorial, we’ll be taking a look at system fonts. We’ll be going over what exactly system fonts are and what they aren’t! We’ll be looking at them from a design perspective, discussing the pros and cons of system fonts. We will also be exploring system fonts in popular culture, and we’ll touch briefly… Continue reading System Fonts: All You Need to Know

33 Best Humanist Fonts to Download Now!

If you’re looking for a legible, timeless font, humanist typefaces might be the perfect choice. In this article, we’ll take a look at humanist typeface characteristics, as well as a humanist typeface list for inspiration and addition to your font library. So, if you love fonts, look no further—let’s dig into some humanist font design.… Continue reading 33 Best Humanist Fonts to Download Now!

Thanks to Covid-19, Website Accessibility Has Never Been More Important

The first global pandemic of the digital era is upon us. We’re living in unprecedented and uncomfortable times. For our senior citizens, these past several weeks have been particularly discomforting. According to the CDC, men and women over the age of 65 are significantly more likely to develop complications from COVID-19. As we seek to… Continue reading Thanks to Covid-19, Website Accessibility Has Never Been More Important

How To Select the Best Font For Any Project or Website

The correct font for your project depends on its use. Consider what your website is for, and what the user will do when they arrive. Do you have long stretches of text, or just smaller headlines and descriptive language? Chose the best font based on how the website works, not what you like the look… Continue reading How To Select the Best Font For Any Project or Website

20 Must-Have Wireframe Templates and UI Kits for Your Design Library

Wireframing. User journeys. Content maps. User-centered design. Information architecture. Animated prototypes. Conversion paths. Iterative features. Sitemaps. Uhh, what? Let’s be honest, the world of UX (user experience) and UI (user interface) is full of jargon and overcomplicated terms. Take, for example, this real line I copy-pasted from a job description for a senior content specialist… Continue reading 20 Must-Have Wireframe Templates and UI Kits for Your Design Library

Free Download: Flattastic UI kit

Give your flat design a boost with this Flattastic UI kit, designed by Vlade Dimovski, free to download and simple to use. The PSD is properly layered, with intuitive naming, making modifying it for your own projects a synch. The design features four pairs of complimentary colors perfect for any flat design: bittersweet, which is #FC6E51 and… Continue reading Free Download: Flattastic UI kit

CSS Buttons with Pseudo-Elements

Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with sprites, in the past. In this tutorial, I’ll show you how to create buttons with… Continue reading CSS Buttons with Pseudo-Elements