mohit | Shared With: Everyone - Jun 17 2008 | web development, css, internet explorer
Handy if you want a liquid layout for your Web site.
Quoted: The CSS used for this layout is 100% valid and hack free. To overcome Internet Explorer's broken box model, no horizontal padding or margins are used. Instead, this design uses percentage widths and clever relative positioning.
...
The solution is to keep things simple and only use CSS that works in all browsers. One of the main things to avoid is horizontal margins, padding and borders on elements with a specified width. This causes big problems for Internet Explorer because of it's broken box model. Unfortunately we can't simply ignore IE because it's the most widely used browser on the internet. If only everyone used Firefox!
- mohit | Shared With: Everyone - May 20 2008 | web development, blueprint, css
I disagree with first quoted sentence below and the general premise of the article. True, Blueprint does force you to add some proprietary classes to your XHTML elements to dictate layout on a grid. But, your elements don't have to be divs, and you can still use additional classes to articulate the full semantic meaning of the element.
All in all, it's a small price to pay to speed up Web development. I have found I can whip up a nicely laid out site that works on all browsers *much* faster with Blueprint than I could without it. And, because there is a set of naming conventions, it makes it much easier for a team of developers (or if using a CMS, the content creators) to specify and read each others' layouts.
Quoted: A CSS framework passively removes a great majority of semantic value from the markup of a document and, in my opinion, should be avoided. This lack of semantic value works against a big part of what Web Standards are all about; creating documents with rich semantic value.
ShareViewed: 10 Times - mohit | Shared With: Everyone - May 19 2008 | web development, google, css, blueprint, wordpress
Looks promising. I know some WordPress themes make use of this.
Quoted: Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
ShareViewed: 64 Times
- roberthd - Jun 19 2008
You must be Mohit's friend before you can comment on this Fave.One advantage is that you can be more confident that your layout won't break on different browsers.
Send Mohit a friend request or a personal message instead.