Name
Email

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

Win 1000 Full Color Business Cards From Next Day Flyers!

By Brant Wilson | Published September 13th, 2011 in Site News

Next Day Flyers has offered to give 1 lucky reader a set of 1000 full color business cards! To enter this contest simply make a comment on the post. For fun, include the company name you would promote with your 1000 beautiful new cards!

About Next Day Flyers

Trusted by more than 100,000 customers, Next Day Flyers prides themselves on top quality and the fastest turnaround times in the printing industry. For this giveaway they are focusing on their business card printing. However, you should also consider using them for brochures, postcards, greeting cards, even specialty die cuts.

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

A Practical Wireframe Primer

By Shawn Borsky | Published September 11th, 2011 in design, Resources

In the current design atmosphere , I hear the term wireframe being thrown around a lot more than it used to be. Over the last few years, wireframing is a process that has endured a lot of misunderstanding and has been become much more widely known as a software and web design methodology. I’ve begun to notice that the concept is warping and not for the better. This twisting of the terms is making it difficult for newer designers and students to understand the real application of the process.

Wait, whats the problem?

Recently, I gave a talk at a design school and I had a few students ask me about wire-framing and their mental model of it was pretty far off base. Their concept of wireframes included design, finalized layout, and a number of aesthetic decisions to name a few of the inappropriate things they considered part of wireframes. The worst part : they didn’t even want to do it. These students just knew it was a step they were supposed to do but didn’t understand why it was so useful. They just accepted it as step in the process and breezed through it to get to the fun look and feel parts. This was troubling to me. At first, I thought it may have been an isolated incident, but more and more I have been noticing that the workplace application of the process is suffering due to a bit of incorrect and popular saturation among clients, new designers, producers, product designers, etc. Wireframing is an essential step in the web design process and it would be a shame if up-and-coming designers did not learn to love it.

Wireframes are blueprints

It interesting that designers will understand that complex structures such as buildings or cars require careful planning and architecture but then take a similar ideas for the web industry and barrel into them with little or no planning. Granted, a website is not a car, it is still a substantially complex undertaking and leaving out careful planning and structure is the recipe for a lot of wasted time, work and money. I promise I’ll get to the practical implementations but first, part of the initial battle is making sure everyone understands what a wire-frame is and what it is for.

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

38 Beautiful Ecommerce Websites

By Brant Wilson | Published September 8th, 2011 in design, Inspiration

In this collection we have compiled 38 beautifully design eCommerce websites. If you like these websites you might also want to check out our previous posts below.

Showcase of 30 Well-Designed E-commerce Sites

Design an eCommerce Website in Photoshop

jolena

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

How to Create a jQuery Animated Sliding Sub-Menu Navigation

By Jake Rocheleau | Published September 6th, 2011 in Tutorials

We have seen a lot of different jQuery techniques over the years. This comes at a time when website navigation is at an utmost importance. User experience is key in all forms of design. Without perfecting your layout it will be difficult to keep visitors coming back for more. And with so many jQuery Plugins for Navigation it’s hard to miss something great.

Below I’ll be going into the code for developing a very basic dropdown navigation in jQuery. This will include a sub-menu of links to different profiles such as Twitter and Facebook. To create your own setup I would recommend checking Icon Finder to match any social networks you enjoy. But this navigation can be used for almost anything requiring a drop-down setup.

DesignMag Sliding jQuery Navigation Menu Tutorial Demo

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

Coding an Instant Login Form with jQuery and PHP/Ajax

By Jake Rocheleau | Published August 31st, 2011 in Tutorials

Login forms have been around for decades. In web design these are very common with so many social media interactions occurring on a daily basis. However the static web has gone by the wayside to make room for much more dynamic content. With popularity growing for the jQuery library it is only natural to see so many new effects being created.

In this brief tutorial I’m going to explain how to create an instant login form with jQuery and PHP. We won’t be accessing any database to keep things simplified for now. Instead I’ve hard coded a username/password combo just for the demonstration of this article. The form automatically begins checking after you type some information to see when you hit the correct user & password combination!

If you’d like to get a better idea check out the demo link below. I’ve also provided my source code free to download. The HTML web page will open and run jQuery properly but without a server running PHP the form cannot be processed. Keep this in mind when playing around with the source code.

Demo of Instant Login Form

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

40 Beautiful Illustrations in Web Design

By Brant Wilson | Published August 29th, 2011 in Inspiration, Resources

To stand out from the crowd designers design unique and creative websites using illustrations. Check out today’s list of 40! If you like these websites you might also want to check out our previous post below.

Unbelievable Illustrations By Pale Horse

40 Creative & Brilliant Illustrations for Inspiration

shipmentapp

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

31 Crazy Character Designs

By Matthew Heidenreich | Published August 25th, 2011 in Inspiration

Character designs can come in all sorts of crazy and zany styles, and sometimes they are just caricatures of the people around you. No matter what style you choose, it can be a lot of fun coming up with a character to represent your project. In the follow post, I will share with you 31 crazy character designs that will surely brighten your day.

June/July Paintings

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

35 Free Icon Sets

By Brant Wilson | Published August 24th, 2011 in design

In this roundup we have collected some high quality and useful icon sets. Enjoy!! If you like these icons you might want to check out our previous posts below.

43 Free Social Media Icon Sets

25 of the Best Blogging and Social Media Icon Sets

Glossy: Free Icon Set

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

20 Examples of Graphic Icons in Web Design

By Jake Rocheleau | Published August 22nd, 2011 in Inspiration

A long time ago the Internet wasn’t such a new technology. Websites were merely static text on a page, barely even interactive. Over the past 20 years we have seen a dramatic improvement in design styles and theming for the web. These techniques often incorporate fancy icons into their layout format. These icons can help to delineate navigation links, sidebars, or even offered services. And I’ve collected 20 examples of these designs into a beautiful inspiration gallery!

280Slides

Learn how to earn $125 or more per hour as a freelancer - Free Test Drive

5 Proven UX Strategies

By Shawn Borsky | Published August 18th, 2011 in design, Resources

Whether dealing with large corporations, game developers, small businesses or a sole proprietor, most business goals tend to amount to the same needs. User experience is an area that touches almost every single business problem. While every project comes with its own unique situations, there are a few tried-and-true user experience techniques that just work well and always produce results. Here are my top five proven UX strategies and techniques:

Focus on key experiences

A major tendency of designers and clients alike is to think too much about particular elements and focus on smaller details. Many times it’s better to not spend too much time focusing on one specific element. I know this seems counter-productive, but hear me out. Remember, user experience at the end of the day is how the user remembers the experience. It may seem like a minimal differentiation but it’s incredibly important. Human memory is a bit flawed in the recollection department. The user’s mind is wired to remember experiences in a specific way. In a manner of speaking, people use landmarks in their memory to reconstruct experiences. These landmarks are generally referred to as key experiences. Key experiences is a whole subject in and of itself, but the quick bullet points to focus on are:

Page 7 of 61« First...56789...Last »