Find out how to reduce your web design and development time by using the Blueprint CSS Framework

1. 7 Dec 2010 Blueprint CSS Framework by Ashley Hau Engaging Your Customers Online

2. What are CSS Frameworks?

3. Tool to Aid Web Development CSS frameworks are meant to speed up and simplify the development of complex websites.

4. Reusable Code These frameworks contain predefined libraries of code that contain a ton of options for you to use in your HTML.

5. Example of Convenience For 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.

7. Elements (http://elements.projectdesigns.org)

8. YUI 2: Grids CSS (http://developer.yahoo.com/yui/grids)

9. Logic CSS (http://code.google.com/p/logicss)

11. sensible typography

13. Speedy development

14. Consistency

15. Normalize code/class base

17. Sites Using Blueprint www.mint.com www.stay.com

18. Sites Using Blueprint http://www.cca.qc.ca/en http://www.webvanta.com/

19. Blueprint Generator The 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 Cheatsheet Blueprint 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 Blueprint http://www.youtube.com/watch?v=KHLrEF9tHjw http://www.youtube.com/watch?v=54II5G4rxAo

22. Thank you Email : info@techsailor.com Website : http://www.techsailor.com China 中国广东省广州市天河区黄埔大道中207号海景花园C栋1801邮编：510665 电话 : +86 020 8567 0704传真 : +86 020 8567 0704 Malaysia Lot 2-1A, Support Services, Technology Park Malaysia, LebuhrayaPuchong-Sg. Besi, Bukit Jalil, 57000 Kuala Lumpur, Malaysia. Tel: +60 38994 1750 / 1751 Fax: +60 32297 5390 Singapore 156 Macpherson Road, #08-01, Singapore 348528 Tel: +65 6748 8522 Fax: +65 6836 4963