Jul 29

Tagged in: , Comments: 100

Simple Double Quotes

Simple Double Quotes

This CSS tutorial will show you how to display two double-quote images using one blockquote tag. The trick here is apply one background image to blockquote, and then apply another background to the first-letter (pseudo-element) of blockquote.

Preview double quotes

Download HTML file

Delicious Stumbleupon Digg

Jul 29

Tagged in: , Comments: 123

30 Artistic Flash Sites

Previously I showed you some artistic websites that applied traditional art techniques to web design. Now let’s take a look at the Flash sites where they used Flash technology to put their art in motion.

artistic Flash sites

Delicious Stumbleupon Digg

Jul 28

Tagged in: , Comments: 150

33 Artistic Sites

With the millions of websites on the internet, having a unique design is a must to get your visitors’ attention. The following sites displayed below are the few that I personally find inspiring. What made them unique is they used various traditional art techniques and applied to modern web design technology. The result is breathtaking and simply beautiful.

artistic sites

Delicious Stumbleupon Digg

Jul 23

Tagged in: , Comments: 78

Style Your Ordered List

Style Your Ordered List

By default, most browsers display the ordered list numbers same font style as the body text. Here is a quick CSS tutorial on how you can use the ordered list (ol) and paragraph (p) element to design a stylish numbered list.

Preview samples

Download HTML file

Delicious Stumbleupon Digg

Jul 22

Tagged in: Comments: 50

Startdrawing.org

I recently stumbled upon this site, startdrawing.org, and I would like to recommend to you. They are a web portal that showcase the talented artists and illustrators in Asia. It is a great place to search for illustration inspirations.

Startdrawing.org was started with the aim of showcasing and sharing drawings from talented artists in Asia, and in the process, promote the joys of drawing.

Delicious Stumbleupon Digg

Jul 20

Tagged in: , Comments: 114

How to Design Mini Icons

How to Design Mini Icons

Numbers of people have asked me how to design my popular Mini Pixel Icon pack. In fact, they are relatively easy. All you need is just some basic Photoshop skills. Here I will show you how to use the Pencil tool to design pixel icons, and then re-use them to create a full collection. This is the technique that I used to create over 320 icons within a day.

Delicious Stumbleupon Digg

Jul 19

Tagged in: , Comments: 186

Design Process of WDW

Design Process of WDW

Usually, I keep the sketches of every project I designed and use them as simple documentation. Sometime I might refer back to the old sketches for ideas and references. Here I would like to share my development process of Web Designer Wall with you. This article will show you how WDW is done - from start to finish.

Delicious Stumbleupon Digg

Jul 19

Tagged in: Comments: 55

Welcome to Web Designer Wall

Web Designer Wall is found and designed by Nick La, who also runs N.Design Studio and Best Web Gallery. So, what is Web Designer Wall? It is a blog where I post my design ideas, tutorials, and modern web design trends. It is much like A List Apart, FreelanceSwitch, Fadtastic, and DevLounge. However, I will focus more on frontend design rather than backend coding. Here are more about the site…

Delicious Stumbleupon Digg

Page 21 of 21« First...10«1718192021

Back to top