Feeds:
Posts
Comments

Archive for the ‘CSS3’ Category

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 »

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 »

Read Full Post »

Just 5 years ago, developing “web apps” meant developing a great website — and I’m not even sure if the term “web apps” had even gone mainstream 5 years ago. Since the release of iPhone, Android (and especially iPad), web designers and developers have been scrambling to

(more…)

Read Full Post »

Previously all websites was made with Tables. Table is good but not flexible for SEO and layered designs. I mean Today Web Design has changed a lot. There is no rules set of how to design. And thats because of DIV/CSS. You can transform any design to html with div but with table its not always possible. Today I am showcasing some excellent Web Design which are made with DIV/CSS.

(more…)

Read Full Post »

Older Posts »