While every designer may have a different plan when it comes to building a website, they do have a common checklist. No matter how you try to avoid it, there are a few elements every website should (and usually does!) include.
From plenty of whitespace and great images, to search functionality and clear calls-to-action, these common elements are the things that users expect when it comes to using a site with ease. Today we’re taking a look at ten elements you should prioritise on your website, perfectly designed examples of each, and tips on how to use each in your next website design project. As the saying goes, “the devil is in the details.”November 19th, 2013 Posted in Layouts
Today’s project is another exploration of the types of practical applications that you can achieve with a little ingenuity and some fairly basic CSS. You’ll be blown away by how much you can achieve with just a few lines of code.
The final result with be a great way to display a strip of small image thumbnails that the user can hover to see larger images. Let’s dive in and see how it works.November 15th, 2013 Posted in CSS
Have you ever worked at a place where no matter what you do, whatever you design, or whatever you suggest, you’re wrong, but they don’t fire you? There’s a good reason why, and here are some funny (but odd) reasons, along with advice no one would think of to ease the tension.
An interesting email was sent to me from a young designer who is ready to quit design because her boss keeps putting down her design abilities, and it’s making her very depressed. It’s a very common problem in the design industry, so, join us as we delve into another Design Dilemma, helping to answer your questions, queries and concerns about the murky world of design…November 13th, 2013 Posted in Design Dilemma
Input buttons are used in web forms where a user needs to select one option from a larger collection. This often happens with unique values like newsletter subscriptions, profile settings, and submission categories. I have always liked the old-school Digg-style input buttons where you click a link to choose your story category.
Who has two thumbs and loves to push the bounds of CSS? This guy. Let’s jump into a project that does just that. It’s pretty experimental and won’t pass the semantic police, but it’ll teach you a heck of a lot about advanced CSS tactics and will be tons of fun.
It’s the same routine every date night: “where are we heading for dinner?” To the web we go, looking for restaurants around us that whet our appetites. And the places we always seem to hit after this dinner search are the locations with websites that just make us hungry.
Certain techniques, from color to photos to imagery, are common among the best food-based websites. These sites employ a specific strategy designed to make you hungry. Today we’ll look at how photography, colors, shapes, vivid copy and simple design are used to make mouths of website visitors water.November 7th, 2013 Posted in Business
There are some designers who just can’t say “no!” to a client. While it’s painful to hear their stories, do they affect the industry for others? Do you need to develop some iron clad nerve to protect yourself?
This is the story of a designer who keeps being called into endless meetings by a client who picks her brain for a new line of product packaging, but still hasn’t committed to her as the designer on the project, nor has the client paid her for her time. I gave her some advice, so perhaps she’ll follow it? Join us as we delve into another Design Dilemma, helping to answer your questions, queries and concerns about the murky world of design…November 5th, 2013 Posted in Design Dilemma
Design is a complex beast, web design doubly so. There’s a lot more than visual harmony and balance to consider, it’s often the case that you have to dig in and perform some real life mathematics (gasp!).
Oddly enough, I love thinking about this stuff, so much so that I actually build my own calculators rather than use the tools available from other developers. Today I’ll show you how and why to build your own design calculators so that you can master the numbers behind your designs.November 1st, 2013 Posted in CSS
Dynamic content is a big part of modern web design. Whether this is hidden in the page or pulled out of a database, you can improve space in your layout by reorganizing important content elements. This is true of many situations and it works great on user profiles. Oftentimes users will have a myriad of information presented on their page which can be easily digested through the use of tabbed navigation.
In this tutorial I want to demonstrate how we can build a minimal user profile layout design. This is mostly centered around a small set of navigation links, which dynamically change the display between bits of content. Depending on the purpose of your website, these content sections may be split to include photos, videos, followers, and other related information. To get an idea of what we’re building take a peek at my live sample demo.October 30th, 2013 Posted in CSS
There is an ongoing debate among designers – both print and digital – about what makes an ideal typeface for a project. The debate almost always breaks down to a single question: serif or sans serif?
Before you answer that question, think about all of the things you know about serif and sans serif typefaces and all the myths associated with them. Today, we’ll take a look at both categories of type and try to determine if one is really better than the other, and in what circumstance.October 28th, 2013 Posted in Typography