Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
Yesterday we published an article outlining Eight Simple and Useful Tips for Kerning Type. This mostly focused on the basics of kerning: what it is, how it works, letter pairs to keep an eye on, etc.
Today we’re following that up with a discussion on how to use Lettering.js to kern your web type. Don’t worry, it’s much easier than you think!
Kerning is fun! All right, unless you’re a serious type nerd like me, that’s definitely not going to be a true statement. However, it is an absolutely essential part of your typographical education and implementation.
If you’ve been ignoring kerning or simply aren’t sure how to do it properly, take a look at these eight quick tips and get started on the road to becoming a kerning master.
In the last decade, much discussion time has been given to how both interfaces and user experiences translate from desktops to smaller mobile devices. Recently however, the conversation has switched and we’re now seeing trends begin in the mobile environment and make the leap back to the desktop.
This leap is deceptively simple and merits significant inspection as to the fundamental differences between mobile and desktop platforms and how that can and should affect how interfaces and experiences are crafted.
I absolutely love looking at old ads from the early to mid 20th century. The themes covered and claims that are made are often so completely outrageous that you wonder how they ever made it to print. Looking at these, you can’t help but marvel how far advertising has come.
How much advancement have we really made in this area though? Aren’t the advertising ploys of past generations still the same tricks used by marketers today? Follow along as we take a look at some truly ridiculous ads and how they really aren’t so different from advertising we see today.
Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.
Today’s site is Q & A Creative, the freelance portfolio of Doug Wollison.
Click. That sound means you’ve done your job. The user has viewed your page and taken the action that you wanted them to.
How is this achieved? Should you be thinking about this goal more as you structure your designs? What mistakes should you be careful about avoiding? Read on to find out.
It’s always fun to really dive into a popular design trend and see who’s doing it, how it works, what it communicates and how you can try it for yourself.
Stick with us as we do exactly that with those trendy doodle designs that you see all over the web right now.
You can build some really neat things using jQuery. The latest release bundle updates a lot of bugs and even hints at support for a new jQuery Mobile. With frontend scripting you can build practically any type of web application. But more specifically we’ll be looking into constructing a small modal box window.
I have designed the functionality to look and feel like a private messaging solution. This is perfect to implement on a user profile page or author’s page in a blog. We will be using some handy CSS3 techniques along with coding the page structure in HTML5. You don’t need to be a master jQuery artist to understand this tutorial, but it wouldn’t hurt to brush up on the basics. Check out my live demo example and download the project source code below.
If you’re like me, learning Markdown has been on your todo list for months. I finally took the plunge and instantly became addicted to sorting through the wealth of resources, apps and other Markdown related materials available.
The following is a collection of the best Markdown resources that I’ve found. Whether you’re a complete Markdown newbie looking to learn the syntax or a seasoned expert in the market for a new iPad app, you’ll find something here that’s perfect for your needs.
Should web designers understand basic HTML and CSS? It’s a tired argument with two sides that refuse to yield, why even discuss it?
The purpose of this article is not to prove which group is right but to attempt to show that both sides do indeed make valid points and to see if analyzing these points brings us to a compromise that both parties can agree on.
div > p + div[id*=’header’] – If you saw this jumbled mess of selectors in someone’s CSS, could you decipher it?
If not, then you’ll want to read this primer on funky CSS selectors that you should know!
Earlier this week Adobe launched a preview of a WYSISYG web design project currently codenamed “Muse.” Though it looked promising, disappointed and even angry reactions from the web community are already all over the web.
With all the time, effort and money that Adobe spends on creating a “code free” solution for designing websites, you’d think that they would be able to create something decently usable by now. So what’s holding them back? Today we’ll take a brief walk down memory lane, starting all the way back at PageMill, to see if we can discover any reoccurring themes in Adobe’s history with web designers.