Markup Haiku




                             http://blog.teambox.com/haml-and-sass


miércoles 25 de noviembre de 2009
Hoy no me alegran
                los almendros del huerto
                son tu recuerdo

                              ...
miércoles 25 de noviembre de 2009
HTML/ERB                        HAML




                            Indentation implies structure
                       ...
HTML/ERB    HAML




miércoles 25 de noviembre de 2009
miércoles 25 de noviembre de 2009
HAML as your first kiss




miércoles 25 de noviembre de 2009
HAML

                                            Use Soft Tabs for TextMate
                                            G...
miércoles 25 de noviembre de 2009
app/views/casts/index.html/erb -> index.haml


                                Read HAML-demo repository history to see a
...
ha Grey




miércoles 25 de noviembre de 2009
CSS   SASS




miércoles 25 de noviembre de 2009
Best Practices for HAML and SASS




miércoles 25 de noviembre de 2009
Header

                                    application.haml




miércoles 25 de noviembre de 2009
Classes for %body

                                              application.haml




                                    ...
Best Practices for HAML and SASS




miércoles 25 de noviembre de 2009
Classes and SASS
                   application.sass               projects.sass




miércoles 25 de noviembre de 2009
Helpers

                                    _comment.haml




                                    avatars_helper.rb




m...
Smart translations

                projects/_primer.haml               config/en.yml




miércoles 25 de noviembre de 2009
Convert step by step



                                    ERB and HAML can coexist peacefully

                         ...
Best Practices



                                    Partials and helpers are reusable
                                  ...
“Everything Else”




                                                         Heroku
                                    ...
Programmers learn new stuff everyday.
           So train your designers or get a proper one.

           Art can be about...
miércoles 25 de noviembre de 2009
www.teambox.com

                                         @michokest
                                     pablo@teambox.co...
Prochain SlideShare
Chargement dans…5
×

Haml And Sass

3 188 vues

Publié le

Slideshow and tutorial about HAML and SASS. Setting up and converting your first application.

Publié dans : Technologie
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
3 188
Sur SlideShare
0
Issues des intégrations
0
Intégrations
264
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Haml And Sass

  1. 1. Markup Haiku http://blog.teambox.com/haml-and-sass miércoles 25 de noviembre de 2009
  2. 2. Hoy no me alegran los almendros del huerto son tu recuerdo Jorge Luis Borges miércoles 25 de noviembre de 2009
  3. 3. miércoles 25 de noviembre de 2009
  4. 4. HTML/ERB HAML Indentation implies structure Brief and concise means less errors Generates HTML and CSS miércoles 25 de noviembre de 2009
  5. 5. HTML/ERB HAML miércoles 25 de noviembre de 2009
  6. 6. miércoles 25 de noviembre de 2009
  7. 7. HAML as your first kiss miércoles 25 de noviembre de 2009
  8. 8. HAML Use Soft Tabs for TextMate Get HAML and SASS bundles. app/views/casts/index.html/erb -> index.haml miércoles 25 de noviembre de 2009
  9. 9. miércoles 25 de noviembre de 2009
  10. 10. app/views/casts/index.html/erb -> index.haml Read HAML-demo repository history to see a step-by-step conversion from ERB to HAML miércoles 25 de noviembre de 2009
  11. 11. ha Grey miércoles 25 de noviembre de 2009
  12. 12. CSS SASS miércoles 25 de noviembre de 2009
  13. 13. Best Practices for HAML and SASS miércoles 25 de noviembre de 2009
  14. 14. Header application.haml miércoles 25 de noviembre de 2009
  15. 15. Classes for %body application.haml Adding classes to body will make it easy to style action specific elements miércoles 25 de noviembre de 2009
  16. 16. Best Practices for HAML and SASS miércoles 25 de noviembre de 2009
  17. 17. Classes and SASS application.sass projects.sass miércoles 25 de noviembre de 2009
  18. 18. Helpers _comment.haml avatars_helper.rb miércoles 25 de noviembre de 2009
  19. 19. Smart translations projects/_primer.haml config/en.yml miércoles 25 de noviembre de 2009
  20. 20. Convert step by step ERB and HAML can coexist peacefully You can insert HTML into HAML miércoles 25 de noviembre de 2009
  21. 21. Best Practices Partials and helpers are reusable (We’re not PHP) One SASS file for each model miércoles 25 de noviembre de 2009
  22. 22. “Everything Else” Heroku Needs a plugin to work with SASS miércoles 25 de noviembre de 2009
  23. 23. Programmers learn new stuff everyday. So train your designers or get a proper one. Art can be about something that visually works. Design is about delivering usable products. miércoles 25 de noviembre de 2009
  24. 24. miércoles 25 de noviembre de 2009
  25. 25. www.teambox.com @michokest pablo@teambox.com http://blog.teambox.com/haml-and-sass miércoles 25 de noviembre de 2009

×