Effective Ways to Make Sure That Your HTML/CSS Works On All Browsers

Sep 20
2010

One of the most difficult tasks web designers have to tackle is ensuring that all web pages work consistently across all web browsers. As the most of you will already know, this is no easy task. And recently, on Design Reviver Answers, this topic was brought up in discussion, and we would like to share with you some of the tips that were offered from our readers, and we would love to hear about any more you may have.

You can leave your tips and thoughts in the comment section below, or you can leave your answer on the original question on Answers here: What’s the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?
This question was originally asked by Themans.

Our favorite answer comes from Handrus Nogueira:

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

The answer came from Trevor:

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

This answers came from Scunliffe:

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

Thanks to everyone who asked a question, but most importantly thanks to everyone that took the time and effort to offer helpful and useful answers.

Fresh Web Designer Tools and Resources

Sep 07
2010

For today’s design news we have highlighted some fresh tools and resources for all you web and app designers out there. There are a couple of tools to help with any CSS3 and HTML5 development issues you may have, there is a marvelous new technique for styling buttons, and finally, and perhaps the coolest of all,some time saving iPad actions for Photoshop.

BonBon Buttons – Sweet CSS3 buttons

BonBon Buttons - Sweet CSS3 buttons

These sexy looking flexible CSS3 buttons have been styled with the most minimalistic markup as possible.
BonBon Buttons – Sweet CSS3 buttons

iPad Actions for Photoshop

iPad Actions for Photoshop

These Photoshop Actions will allow any UX/UI designer or App developer to quickly create a gorgeous rendering of their app as it would appear on an Apple iPad. All that is required on your end is your final designs (and a copy of Photoshop, obviously).
iPad Actions for Photoshop

Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8

Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8

HTML5/CSS3 Cheatsheet

HTML5/CSS3 Cheatsheet

Here are some simple cut-and-paste examples of HTML5/CSS3 features that are currently (mid-2010) usable across a number of web browsers, chief among them Firefox, Safari, Chrome and Opera.
HTML5/CSS3 Cheatsheet

By Paul Andrew (Speckyboyand speckyboy@twitter).