• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
"Pushing the boundaries" por @danielguillan
 

"Pushing the boundaries" por @danielguillan

on

  • 307 views

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

Statistics

Views

Total Views
307
Views on SlideShare
306
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    "Pushing the boundaries" por @danielguillan "Pushing the boundaries" por @danielguillan Presentation Transcript

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