Downloaded 40 times
Uploaded byTechsailor
Blueprint css framework
This document discusses CSS frameworks and introduces the Blueprint CSS framework. CSS frameworks provide predefined code to simplify and speed up website development. Blueprint is an optimal framework for browser compatibility and speedy development. It contains useful features like a grid system and printing stylesheets. While the source code can be bloated and lack freedom, Blueprint is a clean, well-structured framework used by many sites. A generator tool allows customizing Blueprint's grid columns.
More Related Content
Blueprint css framework
- 1. 7 Dec 2010BlueprintCSS Frameworkby Ashley HauEngaging Your Customers Online
- 2. What are CSSFrameworks?
- 3. Tool to AidWeb DevelopmentCSS frameworks are meant to speed up and simplify the development of complex websites.
- 4. Reusable CodeThese frameworkscontain predefined libraries of code that contain a ton of options for you to use in your HTML.
- 5. Example of ConvenienceForinstance, grid-based frameworks usually contain several classes that are a set number of pixels wide to make it easy to create multi-columned layouts.
- 6. Popular CSS Frameworks Blueprint CSS (http://www.blueprintcss.org)
- 7.
- 8. YUI2: Grids CSS (http://developer.yahoo.com/yui/grids)
- 9. LogicCSS (http://code.google.com/p/logicss)
- 10. ElasticCSS (http://elasticss.com)Introducing Our Favorite FrameworkBlueprint cuts down development time with:an easy-to-use grid system
- 11.
- 12. useful plugins (includingstylesheet for printing)What we like about the Blueprint CSS Framework Optimal browser-compatibility
- 13. Speedydevelopment
- 14.
- 15.
- 16. Clean, well-structured andcomplete codeWhat we dislike about the Blueprint CSS Framework• Bloated source code• Lack of freedom• Can not be framed semantically• Ignoring the uniqueness of the projects
- 17. Sites Using Blueprintwww.mint.comwww.stay.com
- 18. Sites Using Blueprinthttp://www.cca.qc.ca/enhttp://www.webvanta.com/
- 19. Blueprint GeneratorThe generatortool helps in generating more flexible versions of Blueprint. You can generate 8,10, 16 or 24 columns based on your design.Generator: http://bgg.kematzy.com
- 20. Blueprint CheatsheetBlueprint cheatsheet gives you the reference with all the important class names that you can print out and keep on your desk.Download: http://blueprintcss.org/media/BlueprintV0.8byGJMS.pdf
- 21. Video Tutorials: CSSLayout with Blueprinthttp://www.youtube.com/watch?v=KHLrEF9tHjwhttp://www.youtube.com/watch?v=54II5G4rxAo
- 22. Thank youEmail :info@techsailor.com Website : http://www.techsailor.comChina中国广东省广州市天河区黄埔大道中207号海景花园C栋1801邮编：510665 电话 : +86 020 8567 0704传真 : +86 020 8567 0704MalaysiaLot 2-1A, Support Services, Technology Park Malaysia, LebuhrayaPuchong-Sg. Besi, Bukit Jalil, 57000 Kuala Lumpur, Malaysia. Tel: +60 38994 1750 / 1751Fax: +60 32297 5390Singapore156 Macpherson Road, #08-01, Singapore 348528Tel: +65 6748 8522Fax: +65 6836 4963