CSS Menus – Examples of Dropdown, Dropline and Flyout Menus

CSS Menus is a website set up to show how CSS can be used to style unordered lists and turn then into stylish, professional menus that would enhance the look of any website.CSS Menus are search engine friendly, they will allow search engines to easily navigate and spider your pages. They are easy to setup, even easier to update and will work even when javascript is turned off.They will even degrade well for text readers and when CSS is turned off…

VN:F [1.9.22_1171]
Rating: -2 (from 2 votes)

Rounded Corners in Internet Explorer

One of the reasons that I love Firefox and Webkit-based browsers (Chrome, Safari) is the ability to effortlessly create rounded-corner elements using pure CSS. As you probably already know, IE doesn’t allow you to create rounded corners without using images or endless hacking. Enter the CurvyCorners javascript project. CurvyCorners allows you to quickly create rounded corners within Internet Explorer…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

The Mystery Of The CSS Float Property

In this article, we’ll discuss exactly what the float property is and how it affects elements in particular contexts. We’ll also take a look at some of the differences that can occur in connection with this property in the most commonly-used browsers. Finally, we’ll showcase a few practical uses for the CSS float property. This should provide a well-rounded and thorough discussion of this property and its impact on CSS development…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Is Your CSS Reset Doing More Harm Than Good?

You know the drill. Code the XHTML. Check. Validate. Check. Start the CSS style sheet with a reset. Che… Hold on there. Before you dump the latest and greatest CSS reset in your style sheet, you might want to think about what those style declarations actually do. If you’re resetting tags that aren’t in your markup or tags that don’t need to be reset, you could cause more problems than you fix…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

15 Ways to Improve CSS Techniques Using jQuery

CSS is great and when it is combined with powerful JavaScript frameworks like jQuery, you can achieve some really amazing things. Combining these two together will let you enhance the user experience by providing more intuitive and responsive web interface. Here are 15 ways you can use jQuery to improve CSS techniques…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

How To Implement Animations of CSS Properties With jQuery

In the past days I received several requests from my readers that asked me to dedicate the new issue of my jQuery Lesson Series to how to implement custom animations of CSS properties of HTML elements.

So this post illustrates a basic way to use the jQuery animate() function that allows you to animate easy a property or a group of CSS properties of DOM elements…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Using Rounded Corners with CSS3

A few years back, rounded corners became one of the signature design elements of the Web 2.0 trend. Even though they started as a fad, rounded corners are more than simple eye candy. They also have a role in separating or grouping the sections of a page.

As CSS3 gets closer to becoming the new standard for mainstream design, the days of rounded corners through elaborate background images is fading. This means less headache and time spent working out alternatives for each browser…

VN:F [1.9.22_1171]
Rating: -1 (from 1 vote)

Mouse Cursor Affordance

One important interaction indicator on the web is the mouse cursor. The default cursor arrow changes into a pointing hand when you hover over links for example, which indicates they are indeed links and can be clicked on. It also changes into other things to differentiate context, for example it can change into a text input cursor when hovering over text fields to indicate you can type there.

When styling your website with CSS, in some cases you may lose the correct cursor type for certain elements. It’s important to retain this indicator as it will inform the user about how the item they’re hovering over can be used (see affordances). The solution is easy: if the cursor type is wrong, specify it using the CSS “cursor” property…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

The Blueprint CSS Framework – Tutorials, Guides and Tools

CSS frameworks are a Gods send. They speed up development, ensure usability, meet all W3C standards, compatabile across most browsers and a hell of a lot more. Sounds marvelous doesn’t it. Why doesn’t everybody use them? Well, for the novice developer, frameworks, may be a little bit tricky to get there head around? That is were this article comes in, to hopefully give everybody a better understanding of what a framework is and how to use it effectively.

We are going to focus on how to use the Blueprint Framework, a framework that is a little bit more mainstream and mature than the rest (I am not saying better). We have getting started guides, advanced tutorials, plugins, tools and apps and some insightful further reading articles…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Modern CSS Layouts: The Essential Characteristics

We won’t talk about design trends and styles that characterize modern CSS-based layouts. These styles are always changing. Instead, we’ll focus on the broad underlying concepts that you need to know to create the most successful CSS layouts using the latest techniques. For instance, separating content and presentation is still a fundamental concept of CSS Web pages. But other characteristics of modern CSS Web pages are new or more important than ever. A modern CSS-based website is: progressively enhanced, adaptive to diverse users, modular, efficient and typographically rich…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)