Your creative world of design
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).
Gone are the days of having to manually enter in hex codes to specify colors: with jQuery UI’s color picker, you can make your web application pick colors as smoothly as you would in desktop applications like Photoshop. When coupled with the visual appeal and functional benefit of color pickers, the ease of using jQuery UI’s gadget is something that’s hard to pass up.
The color picker can be downloaded from the jQuery UI download page and then included in our page using the <script> tag. Furthermore, the CSS file that is inside the default theme folder should be included, as should all of the images. There are a fair number of items to include for the color picker, but they are needed to form ...
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…)
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.
Update: The contest is closed and the winners are: 33, 262, 372, 571, and 620. (more…)
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!
You are currently browsing the Dawti weblog archives for the month January, 2009.
Longer entries are truncated. Click the headline of an entry to read it in its entirety.
