Over the past few weeks some great articles have been released on Webistrate:
Exploring some of the new features of ASP.NET, HTML5, and CSS3.
Category Archives: CSS
Highlights from Webistrate: HTML5, MVC 3, and CSS3
Posted by Jamie on September 21, 2011
None comments
Developers to the rescue of designers…again!
Posted by Jamie on August 30, 2011
None comments
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!
CakePHP CSS Enhancements From 1.2 To 1.3
Posted by Jamie on February 23, 2011
1,905 comments
This article does seem a bit late since CakePHP 2.0 is on it’s way. However, I felt it prudent to point out a few things that I’m really happy to see in the new default CSS provided by CakePHP.
On CakePHP’s website, you will find an excellent migration guide from 1.2 to 1.3 here:
http://book.cakephp.org/view/1561/Migrating-from-CakePHP-1-2-to-1-3
It describes in great detail the various changes throughout the entire application and there are a lot of them. But I think it left out some of the most important stuff, the default CSS provided for people who use the bakery to create their websites!
One of the things that irked me in 1.2 was I had to manually update the paginator helper to display what field is currently being sorted on. Many times I had to ensure my peers were also doing the same thing and a lot of time was wasted checking this and ensuring it was done correctly. Read more »
margin: 0 auto; not centering in Internet Explorer?
Posted by Jamie on September 18, 2009
1,606 comments
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 »
Optimize your CSS and JS with CakePHP in minutes
Posted by Jamie on March 21, 2009
1,707 comments
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. Read more »
CSS Tips – Margins in Internet Explorer
Posted by Jamie on February 16, 2009
2,450 comments
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 »
Why Is Internet Explorer Better?
Posted by Jamie on February 15, 2009
2,007 comments
I’m guessing I probably got your attention with this one? I’m also guessing that you cannot scroll down fast enough to the comments box and start typing a bunch of nasty messages to me.
WAIT! Before you do that, let me explain why. Read more »
Firebug – A developer’s best friend
Posted by Jamie on February 11, 2009
2,134 comments
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 »