8 CSS3 Tools, Resources and Guides

CSS3 are bringing new features to us the designers and in this post you will be able to find some awesome tools, cheat sheets and much other great information that you could need to master these new features.

And maybe some of those new features aren’t yet supported fully on all browsers, but it’s a very good idea to learn new technologies now so you would be able to use them fully when they are supported. Be modern designer!.

1. Which browsers support CSS3

This awesome document is a section of the web browser standards support document. It includes detailed information about CSS3 but the most about all CSS support in major web browsers.

Continue reading

Internet Explorer 9

This is a big week of news that Microsoft is giving us a glimpse of IE9.

The focus of the new IE9 browser seems to be base on better performance, standards support & improved font rendering. Can it be all good news for web designers and could IE9 phase out IE6 time can only tell.

This has been followed up with more details on the IEblog and the release of the IE9 Platform Preview.

Cartoon Inspired 404 Error Pages

Recently viewing some of the web, i found some cartoon inspired 404 error pages including simpsons, south park and one well known game inspire 404 page.

South Park Studios


Continue reading

5 Awesome: Code Snippet Resources & Repositories

Why invent the wheel twice ?. it’s the same about coding right.
The great thing about code snippets is their ability to save you time when developing a site. Whether you keep a file with your own often-reused snippets or turn to one of the many online repositories, snippets that really can speed up your site development stages.

There are plenty of places online to find code snippets and get answers to your coding questions and many of these places let you upload your own snippets, either for personal use or to share with the community. (remember sharing is caring). Also they can be a great place to find inspiration when you are trying to figure out the best approach for any aspect of your site’s development.



Snipplr first opened back in 2006 is a code snippet search engine. In a matter of fact this is the first code snippet site i ever used. It’s a way for you to keep your code snippets organized and easily accessible from any computer. It includes snippets in JavaScript, HTML, PHP, CSS, Ruby & Objective C.



Stack Overflow is a great site to check out if you have a programming question. It’s really simple to use you just post your question and just wait for answers. Another great thing over on this site that you and other users can then vote on the answers posted.
Continue reading

Testing your sites in multiple browsers

Being a web designer or even a developer is getting to view your newly created website to look the same in a variety of browsers. But then you only to find out that each renders the site at varying levels of consistency,  namely Internet Explorer 7 and below…

How ever many solutions to fix these can be find out on the internet and here is just few of them.

Online Services


Browsershots website

Continue reading

Top 9 HTML Best Practices for Beginners

1. Download Firebug

I can’t highly recommend this one enough, this nifty Firefox add-on helped me and I would like to thanks a fellow website developer for point this one out to me when we started developing our first website back at tafe.

Firebug without doubt is the best plug-in you will ever use when creating websites. Not only does it provide incredible JavaScript debugging, but you’ll also learn how to pinpoint which elements are inheriting that extra padding that you were unaware of. download firebug

Firebug developers: Joe Hewitt, Rob Campbell, FirebugWorkingGroup

2. Use Firebug.

3. Keep Your Tag Names Lowercase.

Yes technically you can have your tag names in UPPERCASE, but with say that it’s serves no purpose plus it hurt my and other people eyes viewing your soure code.

4. Placing Javascript Files at the Bottom.

Remember the primary goal is to make sure the site loads quickly as possible for the user. When loading a script the browser waits until all of the entire script loaded. Thus making the user wait longer before noticing any progress.

5. Validate then repeat continuously.

I also can’t recommend this enough. You should aim for a 100% valid website each time you create one.

That said, it isn’t the end of the world if your website doesn’t validate, but it’s important to know the reasons why it doesn’t so that you can fix any nasty errors like those missing “alt” tags using those “&” instead of “&” for ampersands.

HTML Validation
CSS Validation

6. Download ySlow

Thanks to the Yahoo team they have been doing some great work for our field by releasing an extension for Firefox browser called ySlow. When activated it will analyse the given website and give you a “report card” of what sort of details that the site needs improvement. It can be harsh but i really recommend this.

7. Choose a text editor

Wether you a Mac user or a Window, there are plenty of awesome text editors out that will work wonderfully for you.



8. All images require Alt attributes

It is easy to ignore the necessity for alt attributes within image tags. Nevertheless, it’s very important, for accessibility and validation reasons.

9. Don’t be afraid to ask questions

No matter on what people think, don’t be afraid to ask any questions even those really simple or dumb questions and yeah you will always get those people who says “not that question again” but their forgetting that we all was starting out down the bottom doing the same things by asking those exact questions.