"Pushing the boundaries" por @danielguillan

427 views

Published on

Presentación realizada en el #webcat Barcelona de Junio 2013

Autor: Daniel Guillan (@danielguillan)

------------------------------------------------
RECURSOS:

- Ulabox
www.ulabox.com

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

  • Be the first to like this

No Downloads
Views
Total views
427
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

"Pushing the boundaries" por @danielguillan

  1. 1. Pushing the boundaries Daniel Guillan
  2. 2. @DanielGuillan + ?
  3. 3. @DanielGuillan + ?
  4. 4. @DanielGuillan
  5. 5. Pushing the boundaries
  6. 6. From obstacles 
 to challenges
  7. 7. Leaving 
 the comfort zone
  8. 8. Driven by motivation
  9. 9. Why?
  10. 10. You should know how your product works
  11. 11. Specialization is great. ! But…
  12. 12. No need to be a unicorn. 
 Just care about 
 your craft.
  13. 13. “UI is software, so designers should know how to program.” —Ryan Singer
  14. 14. Speed and Performance are design concerns
  15. 15. Old ulabox.com 116 requests 1.1 MB ! New responsive ulabox.com (wide screen) 37 requests 349 KB
  16. 16. The user interface should drive product development
  17. 17. Front-end developers should care about Typography Structure Rhythm Color …
  18. 18. Caring about common concerns 
 is the key
  19. 19. Learn by doing
  20. 20. $ Don’t fucking fear me
  21. 21. jQuery slideshow plugin
  22. 22. Lightweight jQuery slideshow plugin
  23. 23. jQuery: Slideshow Plugin: 32kB 16kB
  24. 24. It only takes 10 lines of vanilla JS 
 to do what we wanted var current = 0, slides = document.getElementsByTagName("img"); ! setInterval(function() { for (var i = 0; i < slides.length; i++) { slides[i].style.opacity = 0; } current = (current != slides.length - 1) ? current + 1 : current = 0; slides[current].style.opacity = 1; }, 3000); 300 bytes vs 49.000
  25. 25. Magic is done 
 by magicians
  26. 26. Awesome tools!
  27. 27. Don’t use them just because you’re lazy to run this simple command $ sass --watch scss:css
  28. 28. Bootstrap is sleek and awesome! But no, thanks!
  29. 29. Build your own stuff
  30. 30. I made a few advanced things: Responder Bellboy Prelude
  31. 31. Stimulate your curiosity and you’ll find the spark 
 for learning
  32. 32. Once you do some magic on your own you’re pushing the boundaries
  33. 33. Thanks! @DanielGuillan

×