Articles Archive

Create an Awesome 3D Slideshow With Cu3er: Part 2

Create an Awesome 3D Slideshow With Cu3er: Part 2

Today we’re going to finish up our two-part cu3er tutorial.

For those who don’t know, Cu3er is an awesome 3D image slider that’s free to use and easy to setup.

This section will examine how to tweak your slideshow using some of Cu3er’s many customization options. We’ll mostly be editing an XML page but don’t worry about it getting too techie. Even if you don’t know what XML is, it’s all pretty straightforward and easy to understand.

May 28th, 2010 Posted in CSS, HTML, JavaScript
Create an Awesome 3D Slideshow With Cu3er: Part 1

Create an Awesome 3D Slideshow With Cu3er: Part 1

screenshot

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.

May 27th, 2010 Posted in CSS, HTML, JavaScript
5 Fantastic Notebooks and Sketchbooks for Designers

5 Fantastic Notebooks and Sketchbooks for Designers

This article will briefly examine 5 physical notebooks that are perfectly suited for a number of designer workflows.

Before we get started, let’s take a brief look at some reasons you should be using a notebook as an integral part of your design process.

May 25th, 2010 Posted in Graphics, Inspiration
Funny Business and the Lack of Humor in Web Design

Funny Business and the Lack of Humor in Web Design

screenshot

In a recent post on things that web designers can learn from print designers, I pointed out that professional web design seems awkwardly void of comedy while other forms of marketing seem to embrace it. I decided to explore this area further and make it into full-fledged post.

So today we’re going to look at the world of funny marketing and why you should add it to your arsenal of design tools.

May 22nd, 2010 Posted in Graphics, Inspiration
Web Design Critique #1

Web Design Critique #1

screenshot

Today we’re going to start a new series where we take a brief but in-depth look at a particular design and discuss both the aspects that are done really well and those that could use a little work.

Over the course of these critiques we’ll discuss everything from design and color theory to usability and good coding practices.

May 21st, 2010 Posted in Critique
How to Use the New Google Font API

How to Use the New Google Font API

screenshot

Today we’re going to learn about what the new Google Font is and how to implement it right away in your designs.

It’s free to use and can be installed in under a minute once you get the hang of it!

May 20th, 2010 Posted in CSS, Graphics, HTML
Best Resources for Learning WordPress Development

Best Resources for Learning WordPress Development

Odds are, if you’re a web developer, learning WordPress is either on your todo list or something that you’ve already committed yourself to. Learning to build WordPress themes is an excellent professional move that will open you to a wealth of new clients and personal opportunities.

To follow up our article last week on tutorials for learning web design, below is a list of books and free tutorials specifically targeted at learning to develop for WordPress. Whether you’ve never heard of WordPress or are just looking to update your current WordPress skill set, there are plenty of resources below to get you on your way.

May 18th, 2010 Posted in CSS, HTML
Where to Find Free Design Feedback

Where to Find Free Design Feedback

Sometimes outside opinions can offer invaluable insight into the strengths and weaknesses in your designs. Unfortunately, obtaining professional advice can be expensive and risky due to the uncertainty of the quality of feedback you’ll receive for your money.

However, there are plenty of resources available for you to receive completely free feedback on your designs. Though the quality of information you receive will vary widely across the options below, you’re won’t lose a penny by trying!

May 15th, 2010 Posted in Graphics, Layouts
Create Seamless Web Background Textures in Minutes

Create Seamless Web Background Textures in Minutes

Ever wondered how some web designers come up with such great background textures? It’s actually way easier than you might think. It only takes a few minutes and a single Photoshop filter that you’ve probably never used.

Intrigued? Read on to see the step by step instructions for creating tileable textures out of almost any image.

May 13th, 2010 Posted in CSS, Graphics, HTML
30 Free Video Tutorials for Learning Web Design

30 Free Video Tutorials for Learning Web Design

Getting started in web design can be quite difficult. For readers, there are tons of great free tutorials online. However, some people find visual instruction to be more effective for their learning style.

Instructional videos are an incredibly rich learning tool and could be just what you need to finally learn web development properly. We’ve compiled a list of over 30 excellent screencasts for beginners across a number of web technologies and disciplines.

May 11th, 2010 Posted in CSS, Graphics, JavaScript
Subscribe
Membership