Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
Scrolling is a key component of any website design that extends beyond a single landing page. Anyone who thinks the scroll is dead needs to jump out of 2005!
Scroll actions move users through content vertically or horizontally and are a commonly accepted user pattern. The scroll is alive and well thanks to plenty of interesting design techniques and a shift toward accessing full websites on smaller screens. Let’s take a look!
Clean, minimal layouts are all the rage in web design these days. Whether it’s to have your work stand out in your portfolio, send a clear business message, or showcase your blog content — a minimal theme or template might be the answer.
Today, we’ve collected a selection of minimal Bootstrap templates that fit the trend. Most simply use HTML and CSS with Bootstrap as the foundation, but some are also integrated with WordPress as well. All of these templates are fully responsive, flexible, clean, search engine optimized and come with an advanced framework with plenty of powerful and flexible options.
No designer wants to look like a rookie. Crafting projects with beautiful typography is one way to look like a pro every time.
Today, we’re going to delve into the language of typography. It’s a great guide for beginners and a refresher crash course for more seasoned designers. Either way, understanding the language of beautiful typography – from pairing fonts to communicating with the team – is a vital design concept.
And rather than packing this article with descriptions of every term … we’ve included beautiful examples of typography to inspire you.
The virtual world has to be authentic to captivate users. Childish imagery or clip-art just won’t cut it. But there are still so many websites out there that use over-the-top stock photos, or images that don’t resonate with readers. It’s a problem.
To connect, you have to feel realistic and use authentic imagery and photos, so that users feel something when they interact with the website. It has to feel real. Join us as explore this trend, and share how you can use it to best effect!
Do you ever find yourself frustratedly clicking around a website, unable to find what you’re looking for? It happens to all of us sometimes.
User frustration from website errors, dead clicks, abandoned forms and mouse-thrashing movement all contribute to your “Rage Grade” — a new metric available from FullStory’s platform.
Today, we’re going to help you figure out your FullStory Rage Grade, and provide a little insight on how to improve your website with this nifty service from FullStory.
While there’s often a focus on pixel-perfect design elements, they aren’t suitable for everything. Sometimes you want something with a little more… whimsy. Something a little more authentic!
Hand drawn icons or elements can be just the right design technique to add something special to a project. While most designers won’t go crazy with elements that appear to be hand-drawn, a few touches can add a personal feel that users are drawn to.
It’s something that’s trending in web design as well. From a squiggle in an icon, to a full-experience that’s equal usability and art, hand drawn elements are a popular design option. Here are eight fresh ways to use this trend!
The beginning of any new website design project can be a little nerve-wracking. Trying to determine if your style will match the client’s demands is often a challenge.
Add on trying to decide what to charge, and taking on a new client can be a freelance web designer’s biggest nightmare. When you do it right, the relationship and the project can be rewarding, but a miscue can make your life pretty miserable for the duration of the project.
Doing your homework at the start can help. Do you know what questions to ask a client to get the best information you need for a project? Don’t worry if you said “no,” we’ve got a checklist here for you!
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.
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.