Search Results For: tutorial

JavaScript / 10 May 2013

40 Awesome jQuery Plugins You Need to Check Out

The jQuery developer community has to be one of the most generous and hardworking group of people on the web. They’re constantly churning out amazingly useful and completely free tools that they share with anyone and everyone who wants to use them.

The quantity and quality of free jQuery plugins simply never ceases to amaze me. I’ve been keeping a list of some great ones that I’ve found lately and I thought I’d share it with you. Here are 40 awesome and free jQuery plugins that just about every web developer should check out.

Business / 3 May 2013

Should You Be Designing With QR Codes?

QR codes are all the rage… aren’t they? Their presence certainly seems to have increased in recent years, indicating an impressive adoption rate among marketers. But does that mean that you should be using them? If a client asks you whether or not using QR codes is a good idea, what will you say?

Join us as we take an honest and critical look at both sides of the QR debate so you can decide for yourself whether or not you should be designing with QR codes.

Business / 29 Apr 2013

Simple Tips for Designing a Newsletter Template That Stands Out

Almost every business has an email newsletter these days. From retailers promoting sales, to organizations showcasing information and events, the email newsletter is one of the most popular marketing tools out there. And for it to really be effective, it must look good.

An almost unlimited number of free email templates can make it easy to just download something and send out an email, but you should really take the time to create a custom template for communications that represents your business and who you are. Your newsletter represents your work just as much as a website or printed product. Although getting started can be intimidating, it’s fairly easy to create a newsletter template, choose software for distribution and send your first group email. It is important to keep in mind that most people get a lot of email every day, so you must work to make your newsletter stand out.

Mobile / 12 Apr 2013

Focal Point: Intelligent Cropping of Responsive Images

The practice of implementing responsive images is still in its infancy. We’ve seen a lot of ideas and suggestions for how it should be done and we’re bound to see a lot more.

Today we’re going to look at a fascinating little framework that allows you to not only automatically resize your images when the viewport changes, but also crop the images with a specific important focal point in mind. Amazingly enough, it does all this with pure CSS. Read on to see how it works.

Business Card Templates / 10 Apr 2013

Design a Business Card That Won’t Get Thrown Away

It’s an almost unavoidable part of doing business – the business card. While more people are beginning to ditch traditional paper cards for digital counterparts, the business card is still an integral part of doing business.

Cards are almost as commonplace as the handshake, and it’s something you’ll always want to have ready to hand when you meet a potential new client.

So what makes your card stand out from the pack? How can you design a card that won’t get thrown away minutes after the meeting? And how can your card best illustrate the style of your work?

Let’s delve into some suggestions and tips today.

Business / 27 Mar 2013

How to Creatively Market Yourself as a Designer



Sometimes it seems like every time you jump online, you read about a talented new designer who’s making it big with their latest project. There are a lot of wonderful designers out there, and the constant showcasing of others’ skills makes it feel all the more like you’re lost in the crowd. It’s not enough anymore to have a solid portfolio and work experience; if you really want to stand out in today’s market, going the extra mile in marketing yourself can make all the difference in landing the perfect job, or getting some great freelance projects going.

When you’re considering all the ways that you could market yourself, the most important thing to take into account is how much of a time commitment you can realistically make. Don’t overstretch yourself with a daily blog entry or illustration unless you think you’ll be able to do a great job on it. There are many different levels of requirement for projects that can make a difference in your career; choose what works for you.

CSS / 24 Mar 2013

Using Checkboxes to Toggle CSS and Create Click Events

More and more lately I’ve seen developers utilizing tricks to create toggle states using pure CSS. This allows you to skip the JavaScript without sacrificing the interaction. How does this work? Is it an acceptable practice?

Today we’re going to examine two distinct methods for utilizing a checkbox to create a click event that swaps between two images using good old HTML and CSS. We’ll finish off with a brief discussion on semantics and the pros/cons of this technique.

Typography / 19 Mar 2013

Mixing Typefaces: Tips and Techniques

Mixing typefaces can be on of the most rewarding, and trickiest parts of the design process. Creating the perfect pairing of typography can result in a beautiful and perfectly readable outline for almost any project.

But how can you get started? What should you consider when mixing typefaces? While the answers aren’t black and white, there are a few things you can do. Think about contrast, x-heights, shapes and slants and overall mood when combining typefaces for any project. In this article, we’ll be delving into each of these in a little more detail!

CSS / 6 Mar 2013

How to Center Anything With CSS

Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer asks: how do you center something?

There are a bunch of different types of web elements and layout situations, each calling for a unique solution for centering (both vertically and horizontally). Today we’ll go over a bunch of these scenarios so you can wrap your mind around how they work and come away with the confidence to center anything!

CSS / 27 Feb 2013

Zen Grids: A Responsive Grid System Built on Sass

Building grids was moderately complicated before responsive design, these days they can be downright intimidating. When you dive into a complex layout, it’s easy to get lost in all of the math and percentages. Sure, the hardcore nerds among us love to play with this stuff, but some developers just want to get to work!

Today we’re going to look at an awesome grid system that will help you set up your responsive grids with very little effort. It’s semantic, built for responsive design, completely flexible to the way you work, and powered by Sass. Meet Zen Grids.

Typography / 25 Feb 2013

Is My Type Stressed? a Primer on Stressed Typography

As a designer, either working with a design firm or on a freelance basis, you probably know a lot about stress. From deadlines to redesigns, client relations to cash flow — it is part of everyday life for someone working as a designer in any capacity.

But did you know your typography could also be stressed? Just like in your life, type has certain pressure points, and there are good and bad types of type stress. In today’s article, we’re going to delve into this concept in a little more details. We’ll walk you through exactly what types of typographical stress there are, how you can ensure it doesn’t affect the readability of your designs.

CSS / 22 Feb 2013

5 Simple and Practical CSS List Styles You Can Copy and Paste

Who doesn’t love a good list? We use them constantly in our markup for a variety of different situations. Today we’re going to take a look at a few simple and practical examples that you can steal and use in your own work.

We start off with a fun animated vertical list, then style up a list with thumbnails and text, another with just images and finally an ordered list where the numbers are styled differently than the rest of the type. There’s a ton of great things to learn here so let’s jump in!