Brightscape Blog


Tutorials and tips covering HTML, CSS, jQuery and PHP for web designers and developers. Discussion of the latest Internet technology and search engine optimisation news.



Avoid CSS Hacks

Nov
23
2007

When you create your shiny new designs, no doubt you view it as your going along in your favourite browser. But I’m sure like myself you have encountered rendering problems between browsers. Some of the incompatibilities include:

  • Padding and margin inconsistencies.
  • PNG transparency problems in IE5.5/6.
  • IE :hover only on anchors.
  • Background image inconsistencies.

You have a few options at this point.

  • Use CSS hacks for different browsers.
  • Change your design to work in all browsers (possibly at the expense of your overall design).
  • Detect the browser and serve a completely different stylesheet for each different browser.

Read the rest of this entry »


FireFox Web Development Extensions

Nov
15
2007

A must for all web designers and app programmers is FireFox with a selection of time-saving and handy extensions that can increase your productivity.

Highlight errors in coding, validate HTML/CSS, inspect DOM, quickly view your pages with elements enabled/disabled with a selection of FireFox web development extensions. The following article contains a list of 30 web development extensions for FireFox. Read the rest of this entry »


CSS Pet Pieves

Oct
16
2007

In my web browsing on the subject of CSS I came across Reinhold Weber’s list of CSS pieves. I have to say I agree with many of them. I thought I’d mention a few of the CSS-related issues I hope will be fixed in future browser releases. Read the rest of this entry »