5 CSS3 Design Enhancements That You Can Use Today

Cascading Style Sheets CSS is the language of Web design, and the next generation of CSS design properties are just chomping at the bit to be released.Are you eager to start using them, but don’t know where to start?Although many of the new properties are not yet “official”, some browsers have already implemented many of the features of the coming CSS Level 3 specifications.The problem is that many browsers -most notably Internet Explorer – have not.The trick to using these new CSS3 features is to treat them as design enhancements…

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

Object Oriented CSS

Object oriented CSS OOC is one of the new buzz words in the industry. A lot of work is being done by Nicole Sullivan. I kind of like the idea myself and have been doing some forrays into it myself. I think that it will stop hap-hazard CSS coding. I find this happens quite a lot, you get lazy and just add a little bit of code to the bottom of your stylesheet. Worse you add an inline style. The idea behind OOC is that you seperate the structure from the skin and the container from the content. Basically this means that CSS developers write their code with extensibility in mind. So that one can make changes without un-necessarily rewriting or duplicating previous code…

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

Making Hyperlink Icons with CSS

Hyperlinks can link to any number of different sources (pdfs, emails, external links, popups). By placing an icon beside each of these types it will take the surprise out of clicking on a hyperlink for the user. The plan is to do this in an intelligent manner so users don’t have to worry about placing a class on each link. This is especially handy if you’re building for CMS users that aren’t HTML savvy…

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

CSS hacks & browser version detection – a new approach

How to target almost any browser from the server side using PHP.

The workflow…

  1. Style everything for a web standards compliant browser like Firefox or Opera.
  2. Load an additional PHP file which outputs CSS styles with specific hacks.
  3. That’s it you’re done.
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Mastering CSS, Part 1: Styling Design Elements

CSS isn’t nearly as tricky as some people tend to believe. Below are fresh tips and techniques for creating and styling design elements with CSS. They’re a good place to start if you’re new to CSS but are valuable even if you’re a veteran designer. Not all the techniques are strictly CSS; some include integration with JavaScript or XHTML to extend the functionality of your site…

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

Sticky Fixed SideNav Layout with CSS

Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate through the rest of the site…

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

A Look at Some of the New Selectors Introduced in CSS3

Everyone who has been using CSS is immediately familiar with selectors as they are what is used to target elements on a page and style them. CSS3 brings even more options as far as selecting elements goes. It will allow designers and developers to implement designs much easier and quicker than before. Here is a run-down of just some of the things that is possible with CSS3 selectors. Of course CSS3 isn’t supported at all by any IE browsers including IE8 but all latest versions of Safari, Firefox and Opera support most, if not all of them…

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

The 5-Minute CSS Mobile Makeover

More people are surfing the Web via mobile device than ever before. It’s just so convenient to have that mobile access to anything you need. Sadly, most websites have not yet considered their mobile visitors, who probably move on to the next site before trying to make sense of a jumbled mess. Those of you who surf the Mobile Web know exactly what I’m talking about here: sites that “get it” are a joy to visit, but those that don’t are a total pain. What’s to get? Well, for one, if you do nothing else for your mobile visitors, take five minutes and implement a basic stylesheet to make your site readable via mobile device. This tutorial will show you how to retain visitors and reduce bounce rate with a super-easy 5-minute mobile makeover…

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