Upgrade to Pro — share decks privately, control downloads, hide ads and more …

marketyou: The Front-End Side

Lucas Cepeda
February 13, 2013

marketyou: The Front-End Side

Talk for Webcat in Barcelona on 13/02/2013 about the front-end side of marketyou, and how it got developed in under 4 months.

Lucas Cepeda

February 13, 2013
Tweet

More Decks by Lucas Cepeda

Other Decks in Programming

Transcript

  1. marketyou
    The Front-End side
    @lucascepeda
    WebcatBCN, 13/02/2013

    View full-size slide

  2. Thanks!
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  3. Thanks @webcat !
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  4. Thanks! @marketyou_es
    @lucascepeda WebcatBCN, 13/02/2013
    @ipalaus
    @GerardRocha
    @jviladomat
    @JavierMartinz
    @1minuteholidays
    @DanielPla_

    View full-size slide

  5. marketyou
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  6. Things to improve:
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  7. Things to improve:
    @lucascepeda WebcatBCN, 13/02/2013
    · Hundreds of things

    View full-size slide

  8. Things to improve:
    @lucascepeda WebcatBCN, 13/02/2013
    · Hundreds of things
    · Responsive

    View full-size slide

  9. Things to improve:
    @lucascepeda WebcatBCN, 13/02/2013
    · Hundreds of things
    · Responsive
    · Responsive

    View full-size slide

  10. Things to improve:
    @lucascepeda WebcatBCN, 13/02/2013
    · Hundreds of things
    · Responsive
    · Responsive
    · Responsive

    View full-size slide

  11. The Good Parts:
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  12. The Good Parts:
    @lucascepeda WebcatBCN, 13/02/2013
    · Hundreds of things

    View full-size slide

  13. The Good Parts:
    @lucascepeda WebcatBCN, 13/02/2013
    · Hundreds of things
    · CSS

    View full-size slide

  14. The Good Parts:
    @lucascepeda WebcatBCN, 13/02/2013
    · Hundreds of things
    · CSS
    · JavaScript

    View full-size slide

  15. CSS
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  16. LESS
    @lucascepeda WebcatBCN, 13/02/2013
    · OOCSS

    View full-size slide

  17. LESS
    @lucascepeda WebcatBCN, 13/02/2013
    · OOCSS
    · Modular

    View full-size slide

  18. LESS
    @lucascepeda WebcatBCN, 13/02/2013
    · OOCSS
    · Modular
    · Reusable

    View full-size slide

  19. LESS: General
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  20. LESS: Particular
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  21. LESS: Modular
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  22. CSS :before & :after
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  23. CSS :before & :after
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  24. CSS :before & :after
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  25. CSS :before & :after
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  26. marketyou font
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  27. JavaScript
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  28. JavaScript
    @lucascepeda WebcatBCN, 13/02/2013
    New project.... where is BackBone?

    View full-size slide

  29. JS: CDN & local
    @lucascepeda WebcatBCN, 13/02/2013
    Taken from HTML5Boilerplate

    View full-size slide

  30. JS: Devel vs. Prod
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  31. JS: low memory impact
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  32. JS: notifications
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  33. twitter Bootstrap
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  34. Awards
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  35. Awards
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  36. Disclaimer
    @lucascepeda WebcatBCN, 13/02/2013

    View full-size slide

  37. XING IS HIRING!!!
    @lucascepeda WebcatBCN, 13/02/2013
    https://www.xing.com/jobs/barcelona-frontend-engineer-spain-2233996
    [email protected]

    View full-size slide