WordPress
Have you ever had to manually code something that is sequential? Didn’t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery’s prepend feature.
View Demo Sequential List (more…)
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
This is a quick CSS tutorial to show you how to create a menu list using either the CSS border style or a background image. The trick is to apply a bottom border to the <li> element, then use the absolute position property to shift the nested elements down to cover the border. It is very flexible — you can easily change the layout by altering the border or background image. It even works when the browser’s font size is being scaled (increased or decreased).
View Demo Menu Design (more…)
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
This post will show you the design process of the Abstract Chinese Phoenix, one of my latest illustrations which was presented at the FOWD 2008 conference. I will briefly guide you through the process — from sketching to polishing. Hints and tips will be provided throughout the article. Most importantly, I’ll explain what inspired me for this piece of artwork. If you like this illustration, you may download a high resolution JPG for your desktop wallpaper. (more…)
Technorati Tags: blog, news
Original post by Nick La
Folks! Are you feeling a little hungry? We have something to give you that can perhaps fullfil your hunger (or maybe not). We are giving out 5 wrist-rest products by Breadou, that look and smell like real bread. They are made from memory foam that can be used as a wrist rest or stress ball. Or use them to trick your co-workers and friends by offering Breadou as a snack. Submit a comment in this post before Feb 3rd, 2009 to win a free Breadou of your choice. (more…)
Technorati Tags: blog, google
Original post by Nick La
This is a Photoshop tutorial on how to create a beautiful photo film strip, as seen in Apple’s iLife package design (’06 version) and DigitalMash website. The warp tool will be used to create the twisting effect (so, you need Photoshop CS2 or above to complete this tutorial). With the completion of this tutorial, you will be able build a photo strip with your own photos or artwork. Don’t miss out this fantastic feature!
View Final Image
Download Photoshop File (more…)
Technorati Tags: blog, blogger, advertising
Original post by Nick La
Technorati Tags: blog, blogger, advertising
In the last two chapters, I talked about Installing WordPress Locally and Building Custom WordPress Theme. This chapter will cover exporting your local WordPress to a web host. Assume you are done with the local WordPress development, it is time to learn how to export and import WordPress. Then you can keep the local version for backup purpose and future development (ie. testing new themes, plugins, and upgrades). (more…)
Technorati Tags: blog, feed, google
Original post by Nick La
This is the Chapter II of the Complete WordPress Theme Guide series. This chapter will show you how to build a custom WordPress theme. Although the Codex site provides very good documentations on how to create a theme, but I find it too complicated for a beginner. In this tutorial, I will explain the basics of how WordPress theme works and show you how to convert a static HTML template into a theme. No PHP skill is required, but you need Photoshop and CSS skills to create your own design. (more…)
Technorati Tags: blog, rss, google, advertising
Original post by Nick La
Technorati Tags: blog, rss, google, advertising
This is the first chapter of the Complete WordPress Theme Guide series. In this chapter, you will learn how to install WordPress on a local computer. By doing so, it will save you time from updating and previewing files (so, you don’t have to frequently upload files on every change). This tutorial is intended for beginners who want to learn how to run WordPress locally. (more…)
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
Based on a recent poll I’ve conducted, many readers are interested in learning how to build a custom WordPress theme. So, in upcoming posts on Web Designer Wall, I’m going to write a complete WordPress guide on how to install WordPress and customize theme. Below is a table of content of the guide (links will be updated as soon the posts are published):
Chapter 1: Installing WordPress on Local Computer
Chapter 2: Building Custom WordPress Theme
Chapter 3: Moving and Exporting WordPress (more…)
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
Since I posted the huge collection of Large Background Websites, I received several email requests on how to make a large background site with CSS. So, I thought it would be a good idea to share my techniques on designing large background websites. In this tutorial, I will provide various CSS examples on how you can create a large background site using either a single or double images. (more…)
Design Trendsinspiration
Original post by Nick La