Today we’re going to build a simple and fun webpage for the sole purpose of showing off Fullscreenr, a great little jQuery plugin that makes it easy to add a background image to your site that automatically adjusts to the window size.
We’ll also throw in some @font-face and rgba action to keep things modern and educational on the rest of the build. Let’s get started!
In the past we and several other blogs have outlined some useful technical information for how to code and structure your HTML emails from a developer point of view. But much less discussion has been given to how to actually undertake the design component of email newsletters.
Today we’ll take a look at some of the top-selling email templates from Themeforest and see if we can decipher what their designers did right so you can mimic these basic principles in your own designs.
Flux is a WYSIWYG website editor for Macs. Now, before you curse under your breath about how much you hate WYSIWYGs, you should know that Flux is different and is both powerful and flexible enough to be used by professional web developers.
Today I’ll introduce you to Flux by creating a super simple web page from scratch (no annoyingly rigid templates). Along the way we’ll see what a typical workflow looks like and why it just might be the best visual web editor I’ve ever used.
Beautiful typography goes much further than finding the right font.
Today’s post will help you break out of the nasty habit of simply typing out a headline and calling it a day by showing you how to craft standard text in Illustrator into something more interesting and unique.
Below you’ll find a fairly random collection of tricks that I’ve picked up in the last few years. Each method is highly open to interpretation and you should definitely try to tweak and customize them to your own preferences.
In design, we tend to think of simplicity in terms of recent trends towards minimalism. A simple design by this definition is one with lots of literal whitespace and very little on the page outside of what is absolutely necessary.
However, instead of blindly following this trend, it’s important to understand the ideas behind it so that we don’t find ourselves trapped in a minimalist box with obvious grid-based layouts, white backgrounds and newspaper-style typography (not that this is bad, it’s just not good to be stuck in this idea). When you consider the principles of design that are at work in minimalism, you can successfully break out of the box and create clean designs that aren’t bound by an obvious and strict visual style.
Before websites, email blasts and banner ads, business cards were the central piece of design work for countless small businesses. This simple little piece of cardstock was a major representation of your company. In China, business cards are so highly regarded that it’s considered poor etiquette to write on someone’s card or even put it in your wallet! Typically upon exchange business cards will be placed into a small card case.
Though the digital age has dawned, business cards remain a fairly popular way to quickly provide someone with information about how to reach you or find out more information about your company. Today we’ll go over some common mistakes in business card design and explore a few practical techniques you can use to bring style and professionalism to your cards.
PowerPoint has produced more bad design in its day that perhaps any other digital tool in history with the possible exception of Microsoft paint.
In this post we’re going to address the epidemic of bad presentation design with ten super practical tips for designer better looking and more professional presentations. Along the way we’ll see a number of awesome slide designs from Note & Point along with some custom examples built by yours truly. Let’s get started!
If you’re not a seasoned web developer, it can be quite intimidating to approach a project where your client is looking for something trendy and interactive such as an Apple-centric slideshow.
Today we’ll teach you how you can create just such a project in mere minutes using some awesome free resources from around the web. We’ll walk you through ten super simple steps so even if you have little to no web experience, this project should be a breeze!
One of the principal functions of professional design, if not the central function, is to draw the attention of the viewer. Everyone has a message that they want to get across, but getting people to actually stop and take that message in is no easy task.
Designers are therefore tasked with attempting to use every human’s natural attraction to aesthetic beauty in such a way that it becomes possible to capture the attention of an audience almost without them even realizing it.
With this goal in mind, faces are a magic design element.
It’s estimated that about 8% of males and 0.5% of females are born colorblind. That may seem like a low number but if you’re designing for a large audience, having a site that’s unusable for eight out of every hundred males is definitely less than desirable.
Fortunately, you can fairly easily make sure that your site is colorblind friendly by always keeping in mind the information below. We’ll take a look at what colorblindness really means and how you can tweak your designs based on a few simple principles.
Everyone loves 3D text.
Unfortunately, not everyone can afford the 3D modeling software necessary to build it. Today I’ll teach you how to create some awesome 3D text using only Photoshop and a free app from Google. Intrigued? Read on!
Today we’re going to build a simple web page with an amazing and free tool: Cu3er.
Cu3er is a really neat 3D image slider with crazy visual transitions and lots of customization options. Though it’s built with Flash and JavaScript, you don’t really need to know either of these to use it.
In this article, we’ll get the page built and the slideshow up and running. Next time we’ll return and see how to customize some of Cu3er’s many features and variables.