Rapid prototyping front end libraries

2,038 views

Published on

Short compression between Twitter bootstrap and Zurb foundation.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,038
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
19
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Rapid prototyping front end libraries

    1. 1. Rapid prototypingfront end libraries Michał Taberski Poznań Ruby User Group 26.10.2011
    2. 2. What is it?Skeleton of CSS, HTML, and JS code you will probably need atyour projectexamples reset.css common well known UI design patterns basic form styling basic JS features plugins
    3. 3. Who is playing this game?There are two players Bootstrap (by Twitter) Foundation (by Zurb)
    4. 4. bootstrap byhttp://twitter.github.com/bootstrap/
    5. 5. foundation byhttp://foundation.zurb.com/
    6. 6. I hope you noticed,I switched ZURB and Twitterlogo to check your attention!
    7. 7. so... what is common for bothGridform, buttons, table etc. stylesmodal windowimage girdspopular UI patterns already done drop down menu, horizontal menu, pagination, info, alert boxfree for commercial usage
    8. 8. are there any significant differences? BOOTSTRAP: more CSS3 with sweetie transitions, looks more like a ready product FOUNDATION: raw, not as beauty as bootstrap, but... is a “foundation” for page, prepared to be extended by the final graphics, custom style you won`t need to write once again front end code for production version prepared for mobile browsers
    9. 9. What do you think? Discussion time...
    10. 10. Thanks...@michaltaberski

    ×