Category: CSS

  • 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? (more…)

  • Optimize your CSS and JS with CakePHP in minutes

    One of my first articles discussed YSlow.  An excellent Mozilla add-on to help you understand why your web page may be loading slowly.

    In that article, I describe the importance of gzip, minify, and grouping your Javascript and CSS code into one file each.

    Just recently I was surfing CakePHP’s bakery and found a nice add-on to simplify the process and make it super easy. (more…)

  • 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. (more…)

  • 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. (more…)

  • 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. (more…)