Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully.
This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as:
display that are widely supported by all browsers. So, don’t miss this post because you might be surprised how useful they are.
1. CSS Clip
The clip property is like a mask. It allows you to mask the content of an element in a rectangle shape. To clip an element: you must specify the
absolute. Then, specify the
left value relative to the element. Read more…
While creating the box using CSS, it is necessary to understand the four terms MARGIN , BORDER , PADDING and ACTUAL CONTENTS. Read more…
The flexibility of Cascading Style Sheets (CSS) allows web developers to design stunning websites that look great and are easy to navigate.
This post features our favorite examples of beautiful and creative website designs from all over the world.
No need to mention CSS is awesome. Here one line css magic. Its pure beauty of CSS that gives life to the website and makes it lively. Yes, it’s not simple to write CSS for newbie and even professionals sometimes gets stuck because of cross browser issues. Sometimes, One line in CSS can be more than a magic providing solutions. I reviewed some of the CSS files and came up with some one line CSS.
Below are list of one line CSS. One line CSS mentioned below may or may validate web standards and web accessibility rules. Read more…
I’ll explain to you how to make the rounded corner textbox using a image and css. Text box is placed over a container element whose background image is the key of the rounded corner textbox.
This is the image which I’ve used in my example, don’t click and start typing it just a image for now. Read more…