Benefits of the Smarty Template Engine

Smarty, the not-so-well-known Template/Presentation framework, has been used for years by professional web application developers. It hasn’t caught on so much with mainstream coders – perhaps because of a “why do I need this?” line of thinking. This article will explain why!

(more…)

How to Integrate the jQuery Galleria and jCarousel Plugins

There are loads of great jQuery plugins, some more useful than others. The two I’ve recently used quite heavily are Galleria and jCarousel. Both well known for their flexibility and the ease of customization. But what if you’d like to make them work together to build an image gallery?

(more…)

Visual Hierarchy in Web Design

On a daily basis I view all sorts of websites and all kinds of designs. One thing in common with successful templates on ThemeForest or with websites around the web is strong visual hierarchy. Often times I see templates that have a great concept going but has poor visual hierarchy. I’ll cover what visual hierarchy is and some great examples in this article.

(more…)

Crash Course: YUI Grids CSS

The Yahoo User Interface Library is a rather extensive set of JavaScript tools for developers. Often left unnoticed are a few other useful components of the library that will speed up your coding: some CSS libraries. I’d like to give you a quick tour of YUI Grids CSS library.

(more…)

Simulate Gravity with jQuery

Visual effects on web pages are becoming more and more effective thanks to framework like jQuery. The idea of being able to adjust the look of a page with a click or a button gives the user a bit of extra interaction. This tutorials aims to give you insight of realistic gravity animations with jQuery.

(more…)

Regex for Dummies: Day 5

For day five of our series, we’ll examine how to use regular expressions and PHP to “scrape” content from other pages. We’ll be reviewing the preg_match_all function as well as ‘foreach’ statements.

(more…)

Ask JW: Decoding Self-Invoking Anonymous Functions

Between Nettuts+ and ThemeForest,
I receive dozens of question emails each week. Although I try my best, I simply don’t have the time to research the answer to each one. Considering this, I’ve decided to sporadically post “Ask JW” articles. This week’s question concerns Javascript’s self-invoking anonymous functions, and comes from Travis.

(more…)

Examples and Tips for Great HTML/CSS Formatting

An overlooked aspect of websites is the formatting of HTML and CSS documents. This affects validation, SEO, and visual ease of use. Visual ease of use is the last thing most authors tend to keep in mind, but it’s still very important. If you’re building a template for a client, or to sell on ThemeForest, it is important that it’s visually formatted properly. Here are some examples of well formatted HTML and CSS.

(more…)

Be Inspired, but Don’t Copy

There’s a thin line between inspiration and copying. We are surrounded with objects and art in our every day life. Finding inspiration for a design is an easy task these days. In this article, I will guide you through the design process of a website I recently finished. I will provide images of websites that inspired me to create a new and unique web layout. (more…)

Creating a jQuery Word Counter

On a project at work this week, I was creating a form that needed to have word limitations for each textarea. I found a ton of jQuery character counters, but not many word counters, so I decided to create my own.

(more…)