Your SlideShare is downloading. ×
"Pushing the boundaries" por @danielguillan
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

"Pushing the boundaries" por @danielguillan

182
views

Published on

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

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
182
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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