Feeds:
Posts
Comments

Archive for the ‘CSS’ Category

Lynda.com – CSS Web Site Design with Eric Meyer

Publisher: Peachpit Press | November 19, 2006 | ISBN-10: 0321293916 | Language: English | 814.94 MB

A CSS video tutorial by Eric Meyer, the ultimate CSS guru h imself! The best video tutorial available on CSS, from beginner to advanced level. Includes all excercise files. (more…)

Advertisements

Read Full Post »

Designed By Dave

We’ve already posted some beautiful bokeh textures in the past. Today, we are featuring several websites which use the effect of these textures as a background of their design. Bokeh effect is becoming popular these days. Many graphic designers are applying a blurred background in their design because its transparent hazy effect sharpens the details and contents of their website. Aside from that, the colorful and beautiful textures of bokeh look really dynamic and appealing to the eyes.

Here’s some of the Amazing Websites Having Bokeh Effect for your inspiration. Hoping that you’ll find them useful in customizing the design of your website. Enjoy!

(more…)

Read Full Post »

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.

Screenshot

Prefer a Screencast?

Step 1 Create the Mark-up

Before we can create this neat functionality, we need a base from which to work from. In your favorite code editor, create an unordered list for your navigation, and import both jQuery and jQuery UI, via Google.

(more…)

Read Full Post »

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

(more…)

Read Full Post »

Take Advantage of CSS3 to Achieve Subtle Design

I hear this CSS3 thing is all the rage. Resources are flying around the tutorial world and blogosphere providing brilliant examples of creative new ways to design using CSS3 modules. However, it’s easy to over-implement and lose the brilliant subtlety of great user interfaces. Here are three quick tips for using powerful CSS3 techniques in subtle ways.

(more…)

Read Full Post »

This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.


1. New Doctype

Still using that pesky, impossible-to-memorize XHTML doctype?

  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  2. http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

If so, why? Switch to the new HTML5 doctype. You’ll live longer — as Douglas Quaid might say.

(more…)

Read Full Post »

CSS3 is one of the coolest new web technologies available to web developers right now. Using some of its many features, it is possible to reproduce the effects that you might have previously done in Photoshop, with CSS code that is more maintainable, faster to load, and hip with the latest trends. Read on to learn about the power tools available to you and how to combine them to produce the ultimate graphical effects.

CSS3 has many features, but some of them are imperative to learn if you are going to be reproducing Photoshop-like effects. I call these my “power tools.” They include the following:

  1. Border Radii
  2. Box Shadows
  3. Text Shadows
  4. Gradients
  5. Multiple Backgrounds

(more…)

Read Full Post »

Older Posts »