Tag Archives: CSS

Developers to the rescue of designers…again!

I don’t know about you, but my designers love their custom fonts and I’m tired of slicing and reslicing images – especially when the website is multilingual.

CSS3 to the rescue allowing us to import custom fonts and make them work cross-browser.  Check out how to use the @font-face CSS3 tag to do it!

Share

margin: 0 auto; not centering in Internet Explorer?

The other day, I had chopped up a design.  Sliced and diced if you will.  I proceeded to creating the HTML once all of the images were sliced up.

Things were going great.  As per usual I began designing in Mozilla to use Firebug to tweak the CSS and HTML.  Once I finished the design, I proceeded to test in Chrome, Safari, and of course, Internet Explorer.

Every browser but Internet Explorer was working perfectly, what gives? Read more »

Share

CSS Tips – Margins in Internet Explorer

This is the first article to follow-up on my why “Why Is Internet Explorer Better?“.

Today’s article is going to discuss how Internet Explorer deals with margins.  To explain this weird and frustrating issue, I am going to build a photo gallery and break it down into several steps. Read more »

Share

YSlow – Helping slow web pages load faster

This article is a continuation to my article about FirebugYSlow is an add-on to Firebug that helps developers determine why a site is loading slowly.

After you install YSlow, if you open up Firebug in Mozilla a new tab will now appear called “YSlow”.  The next steps would be to load a web site that you want to check it’s performance.  After the web site has loaded, click the YSlow tab, if the results don’t compile automatically, click the Performance button to run the diagnostics.

The grading is made up of 13 steps.  For each step you receive a grade from A to F.  An overall grade is compiled in the same format. Read more »

Share

Firebug – A developer’s best friend

I think a good place to start is to describe one of my favorite tools.  It’s called Firebug, it’s an add-on for Mozilla browsers.

At work, if one of my co-workers comes to me in the J-Block and asks a Javascript or CSS question, before I even consider helping them I ask if they reviewed the styles or the Javascript in Firebug.  9 times out 10 if it’s a really easy answer, you’ll see it almost immediately with the help of Firebug. Read more »

Share

Buy one of my books