Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
A website header is often the first thing that a user sees. It can make or break the user experience, your branding, and much more!
To help retain users and keep them moving through the design, you need to create a website header that wows. And not just on the homepage. On every single page of the design. (Remember, a significant number of users don’t go to your homepage first.) Here’s how you do it.
The beginning of a great design starts with content. To make the most of a stellar mobile UX, the content might need to undergo a few tweaks and changes.
But where do you start? How should content be adapted to work seamlessly on mobile devices? It starts with thinking about the way users interact with smaller screens, and how that impacts what (and how much!) they’ll want to read.
One of the biggest trends in web design right now is super small. “Tiny” text elements have become a popular idea, but it’s a design trend that has spurred some debate.
There’s no doubt that small text sizes can cause some readability concerns. But when done well, a small block of tiny text can actually help create a point of visual emphasis and draw users into certain parts of the design.
Join us as we take a look at the tiny text trend, with examples to provide some design inspiration.
Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is text-shadow, which seems simple enough at first but can be used to create some remarkable effects with a little ingenuity and creativity.
Today we’re going to run through several text-shadow examples that you can copy and paste for your own work.
Need a little extra design inspiration? Start with your Mac or Windows desktop background. A stunning desktop wallpaper can provide an extra little spark every time you fire up your computer, and browsing through great photos is a sure fire way to get the creative juices flowing.
Unsplash, a free stock photography website, is packed with amazing images that you can use in any way you want… including as a desktop wallpaper! Here’s a list of our favourites that we’ve put together to help you feel a little more inspired. Whether you like a minimal, patterned, or stunning photographic wallpaper, we’ll have something for you!
The average man considers which flavor of Doritos will taste good with his Heineken. The sophisticated man considers which cheese will pair well with his choice of wine. The designer of course considers which two fonts will look great on the same page.
Today we’re going to use the Google Font API as a playground for mixing fonts and finding ideal pairings. You’ll be able to skim through and instantly grab out selections that you think are appropriate for your projects.
The best part? You need only to copy and paste our code to implement these fonts on your site. It’s completely free and there are no downloads required.
If you take a close look, you can almost see the evolution of web design happening. A few design trends have emerged as the must-have elements of 2017 (so far) with interesting typography, color and navigation patterns leading the way.
So now that we are midway through 2017, let’s focus a little on design inspiration, and take a look at of the top trends of the year so far. Should you incorporate all these? Absolutely not! But one of two, chosen carefully, can really help give your design a current, up-to-date feeling.
Your public portfolio is one of the most important things you’ll ever design. It presents you to the world and, if you’re a freelancer, tends to play a major role in whether or not people choose to hire you.
I’ve viewed a ton of online portfolios and today I’d like to walk through some of the weaknesses I see time and time again. Read on to see if you’ve made some of these mistakes.
It seems like a flood of new design tools hits the market almost every day. How many times have you downloaded software with promise only to find you quit using it after a couple of logins?
That’s not the case with the tools in this list. We’ve collected some of the best design tools around – some free, some paid – that you’re going to love to use. And we’d bet good money that you’ve never heard of several of them!
A great website starts with beautiful typography. And while breaking the occasional rule is great, sometimes it’s good to get back to the principles of what makes great typography — and how to create it.
It’s a vital refresh that can help you rethink projects, consider a new approach or just get back to a simpler, more streamlined design.
So today, we’re ignoring trends and ways to break the rules to focus on typography theory and how the “rules” can be a great guideline for creating phenomenal type.
Neon colors are tough to use without clashing with the rest of your design. They work great for signs and lights in real-world applications, but can present major issues in web design, unless carefully implemented.
Today, we’re going to look at ways to effectively use neon colors in your design work, with a list of do’s and don’ts to help you make the most of bold, bright color choices. You’ll be a neon ninja in no time, weaving it through your design work!
The web design education industry has exploded from a small niche to a powerful, continually expanding force. Countless people all over the planet are interested in learning about how to build and design websites, and tons of companies are cropping up promising the ultimate solution.
The good news for you is that increased competition in this field is a great thing for customers. You have more options than ever for learning just about anything you want to know concerning web technologies. The big question though is, with so many options available, which is the right one for you? We’ll go over a number of different strategies being used to teach web development and discuss how you can figure out the most appropriate for your unique learning style. We’ll also include some resources to get you started on each available path.