Tag Archives: CSS & XHTML

CSS text-indent: An Excellent Trick To Style Your HTML Form


You probably know what the text-indent property does in CSS. It’s a common CSS property allowing webmasters to indent paragraphs and hide text for image-based links. Text-indent does this great; however, it doesn’t just hide and indent text. It does more.

Continue Reading


Incredible Drop Down Menu Solution With CSS Only

Incredible Drop Down Menu Solution With CSS Only


There are plenty of drop-down menus using javascript and CSS already available, but most of them are either too basic (with CSS) or too complicated (with Javascript). That’s why I publish this drop down menu solution which is using CSS only, but it has a smooth drop effect and the css sprites that changes the toggle icon jQuery-likely. Honestly, this is the most completed menu solution using CSS which comes along with awesome effects.

Continue Reading


Relax with Javascript: Randomize Your CSS Style

Relax with Javascript: Randomize Your CSS Style


This is just a small tip for fun. Sometime, we are bored with the only-one style in our website, but today, we will make some changes. We will create a javascript to randomize the CSS every time we refresh the web page. For what? Just make our style always get new.

Continue Reading


Learning jQuery: Submit form PHP Mac style Modal window

Learning jQuery: Submit form PHP Mac style Modal window


In my previous post, I show you how to make up the login form likes Mac app DeskShade. Today, this entry is the next part of that post. This tutorial will help you submit that form with PHP handler. Furthermore, with some effects come along, your form will be nicer. I would like to name this post as “Learning jQuery…” in the series of jQuery Learning posts because in each post, I will focus on one or two functions of jQuery, and after reading, I’m sure you’ll be cool. If you’re new to jQuery, you should not miss!
Continue Reading


Learning jQuery: Click Event with Locked Page likes Mac

Learning jQuery: Click Event with Locked Page likes Mac


Have you ever used DeskShade in Mac? It cures boring and cluttered desktops. The feature of DeskShade that I love most is locked screen. It’s so awesome. Today, I write this tutorial to help you build the locked page for login with same feature of that DeskShade. In this tutorial, I’m using basic jQuery code. So if you’re new to jQuery, it’ll help you so much to understand Click event. Furthermore, with CSS, your login page is not gonna be boring likes before.
Continue Reading


Interesting list of tutorials and codes to build a rounded corners with Javascript and CSS

Interesting list of tutorials and codes to build a rounded corners with Javascript and CSS


If your are web designer, maybe you have ever gotten headache by how to build a rounded corner box or button. In this post, I want to share you a list of tutorials and code projects help build a rounded corner easily. This list focus on javascript method, but in some of them, it contains CSS implement. Please create an addition if you guys know any scripts elsewhere.

Interesting tutorials and codes to build a rounded corners with Javascript and CSS

Continue Reading


Kwicks for jQuery and an awesome horizontal animated menu

Kwicks for jQuery and an awesome horizontal animated menu


Menu of a web page is the most important and maybe the most clicked link on your web page. Do you want your menu look sexy with an awesome animation on your website? Follow me, I will walk you to the final result of using Kwicks – jQuery Plugin to build an horizontal menu with a nice effect like Mootools but more customizable and versatile.

Continue Reading


Amazing with CSS Sprites List

Amazing with CSS Sprites List


CSS sprites are useful because they allow you to store all your navigation and site maintenance buttons in one file. You do not have to do the HTTP request many times. It will save time to load your web page, make the size of your webpage smaller. And finally, you can control the hold images on your webpage with only one image file for: button, background …The list below will walk you go through all the best of CSS Sprites tutorial and gives you explaint to help you understand the advantages and disadvantages of CSS Sprites. At the begin of this entry. I would like to forward you the link show you the definition of CSS Sprites. Continue Reading


Improve your css skill, right now!

Improve your css skill, right now!


Styling css is just follow the rules, if you run with rules, you can get a good working, but sometime, you forgot that in these rules, you missed something that can make you better in styling css. This entry is just a bit experiences i got and i wanna share with you. It’ll help you not much but without that, your design can not be better.
Continue Reading


1 pages