Blueprint css framework
Download as PPTX, PDF2 likes1,556 views
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.
Blueprint css framework
- 1. 7 Dec 2010Blueprint CSS Frameworkby Ashley HauEngaging Your Customers Online
- 2. What are CSS Frameworks?
- 3. Tool to Aid Web DevelopmentCSS frameworks are meant to speed up and simplify the development of complex websites.
- 4. Reusable CodeThese frameworks contain predefined libraries of code that contain a ton of options for you to use in your HTML.
- 5. Example of ConvenienceFor instance, 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)
- 8. YUI 2: Grids CSS (http://developer.yahoo.com/yui/grids)
- 9. Logic CSS (http://code.google.com/p/logicss)
- 10. Elastic CSS (http://elasticss.com)Introducing Our Favorite FrameworkBlueprint cuts down development time with:an easy-to-use grid system
- 12. useful plugins (including stylesheet for printing)What we like about the Blueprint CSS Framework Optimal browser-compatibility
- 13. Speedy development
- 14. Consistency
- 16. Clean, well-structured and complete 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 Blueprint www.mint.comwww.stay.com
- 18. Sites Using Blueprint http://www.cca.qc.ca/enhttp://www.webvanta.com/
- 19. Blueprint GeneratorThe generator tool 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 cheat sheet 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: CSS Layout with Blueprinthttp://www.youtube.com/watch?v=KHLrEF9tHjwhttp://www.youtube.com/watch?v=54II5G4rxAo
- 22. Thank youEmail : [email protected] 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