Articles Archive

HTML and CSS Debugging Tools

HTML and CSS Debugging Tools

Whether you’re a beginner or a pro, troubleshooting your HTML and CSS can be a real pain if you’re not equipped properly. Today we’ll look at a few tools to help you force that pesky web page into submission.

June 10th, 2010 Posted in CSS, HTML
Web Design Critique #3: Firefly

Web Design Critique #3: Firefly

Our web design critiques have been a hit both with customers and commenters. Keep up the great work providing quality ideas and suggestions!

Today’s site is Firefly, the home page of a social work recruitment agency based in the UK.

June 9th, 2010 Posted in Critique
Create a Moveable Sticky Note With MooTools and CSS3

Create a Moveable Sticky Note With MooTools and CSS3

I recently came across a neat tutorial at Woorkup pointing out a MooTools feature that allows you to turn any item on a web page into a positionable element.

Today we’re going to use this technique to create a simple and fun sticky note that a user can play with and move anywhere on the page. Along the way will be using lots of CSS3 so make sure you’ve got a decent browser!

June 8th, 2010 Posted in CSS, Graphics, JavaScript
6 Apps for Collecting Digital Inspiration

6 Apps for Collecting Digital Inspiration

The online design community is simply overflowing with inspiration. Every day countless blog posts are being published showcasing 30-100 amazing examples of “insert item here.” Further, CSS galleries like our own contain hundreds or even thousands of great site designs.

With all this inspiration being tossed at you all the time, you need a way to catalogue and store it. Today we’ll look at a few tools out there that do exceptionally well at this very thing.

June 4th, 2010 Posted in Graphics, Inspiration
Web Design Critique #2

Web Design Critique #2

Today we’ll be continuing our new series of web design critiques where we take an in-depth look at a live website and point out both its strong points as well as the areas that could use improvement.

Top Test Prep, the site we’ll be viewing today, was our very first customer but the requests have been pouring in so be sure to get on the list soon!

June 3rd, 2010 Posted in Critique
Create Stunning 3D Text Free With SketchUp

Create Stunning 3D Text Free With SketchUp

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!

June 2nd, 2010 Posted in Graphics
The Importance of Personal Projects

The Importance of Personal Projects

Working for other people can be a horrible way to spend your life.

Even if you’re doing something that you love, doing it 40+ hours per week for other people has a tendency to ruin the appeal.

One way to ease this problem is to create and maintain personal side projects. Below we’ll discuss why this proves true.

June 1st, 2010 Posted in Business
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
Subscribe
Membership