Daniel Guillan

Pushing the boundaries

@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.

—Ryan Singer

“UI is software, so designers should know how to program.”

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: 32kB Slideshow Plugin: 16kB

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);

It only takes 10 lines of vanilla JS to do what we wanted

300 bytes vs 49.000

Magic is done by magicians

Awesome tools!

$ sass --watch scss:css

Don’t use them just because you’re lazy to run this simple command

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