W3 Updates, HTML, XHTML, CSS, JavaScript, AJAX, XML, PHP, Ruby, PHP Frameworks

Archive

Archive for the ‘CSS’ Category

Add Progressive Icons to Your Site Using :After Pseudo Element

September 9th, 2009

Overview In the steps that follow I’ll show you how to add descriptive icons to your links using a CSS pseudo selector element. Pseudo selectors were introduced back in CSS 2.1, but the fine folks at IE still haven’t adopted them. This small progressive enhancement greatly improves a site’s usability by helping the user understand [...]

Read More >>

Create a Simple CSS + Javascript Tooltip with jQuery

September 8th, 2009

t’s always a joy to understand how things work. Well, at least I do. Alright, this time, I want to share with you all, how to create a simple jQuery tooltip. In this website, I’m using a script I grabed it online, and it uses onmouseover and onmouseout. It’s really messy and annoying me. So, [...]

Read More >>

Dock Content Tutorial with jQuery and jQuery Easing Plugin

September 7th, 2009

Introduction In this tutorial, we will be creating a dock menu using the most famous javascript framework – jQuery. First of all I must give credit to 2210media Dock menu tutorial, I got heaps of inspirations out of his tutorial and I decided to modify it and convert it to jQuery based. This is not [...]

Read More >>

Create a Pure CSS Polaroid Photo Gallery

September 2nd, 2009

Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling.

Read More >>

Center a Website Using CSS for All Browser

August 30th, 2009

Centering a website is a key part of many CSS layouts. While there are many ways to do it in a variety of situations, the following is an explanation that is purely CSS, avoids messing with percentages, and is compatible with all modern browsers.

Read More >>

Animated Alphabet using Keypress Events in jQuery

August 29th, 2009

The result here was the result of some random jQuery keypress event experiments over the past few days.

Read More >>

Animated Curtains Opening with jQuery

August 28th, 2009

Step 1 – What You’ll Need This tutorial would not be anything special without the graphics, so let’s make sure you’ve got those under control. I’ve included the ones used in demo as part of the attached files, now would be a good time to download them if you intend to use them.

Read More >>

Lights Out – Dimming/Covering Background Content with jQuery for All Browsers

August 27th, 2009

This is a quick and easy approach that tackles a pretty common technique. By the end of this tutorial you will be able to add pop up message boxes complete with dimmed background to your existing site. Feel free to take a look at the demo to scope out exactly what we’ll be creating here [...]

Read More >>

Three Column Layout in CSS

August 26th, 2009

Create Three Column Layout in Css . Any column height determines the overall height of the layout. Fluid layout and wont break under browser font size changes. Column colors and center cell color can differ. Column colors and center cell color can extend to the full height of the layout.

Read More >>

CSS Vertical Menu for All Browsers ,Safari ,Firefox,Internet Explorer,Chrome,Opera

August 26th, 2009

Today we are going to build the second most common site menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS and unordered lists to create our vertical navigation menu with three levels of pop outs. This version of the vertical navigation menu will work in IE5, IE6, IE7 [...]

Read More >>