Codemotion Roma 2013

Prototipado rápido con Sass, Compass y Middleman

Bermon Painter  · 

Presentación

Vídeo

Transcripción

Extracto de la transcripción automática del vídeo realizada por YouTube.

Cody motion all right we're good to go uh so hello how's everybody doing my name is berman and before i start i have a quick favor so i have a 15 year old daughter aspiring web developer who couldn't come she has school and I can't take out

of school for a wee I could but the US doesn't really like that that much so she's at home very sad so quick favor can everybody stand up real quick just real quick if you don't mind yeah thank you and can you act like you're giving me a hug

and that would be great just look at me act like you're giving me a hug yeah 1 2 3 y'all the best i love Rome she send you a hug back yeah so I'll sooner that picture she'll be really happy she's in school right now so they're about

five hours behind us so I think she just started so i live in charlotte north carolina in the area I i organized a handful of conferences and meetup groups I run the front n developer group in Charlotte as well as the user experience group I also love free

processors I work with Chris Epstein and Gina Bolton on the sash project so we're working on rebranding the entire website this is a new logo it's nice and pretty kind of sassy so that should be launching you in the next few months I will have stickers

and t-shirts and hoodies and lots of really cool stuff to kind of promote fast I also really enjoy cupcakes I have an incredible sweet tooth these are really fantastic chocolate mousse cupcakes the best i also love microbrewed root beer Virgil's is is

really good if you're ever in the States I love it and I love traveling I love traveling to Ecuador which is where my wife is from so I speak Spanish which is why I'm really excited to come to Rome because it sounds kind of like Spanish but kind of

not so i can understand some of the things that you say and when you're talking in Italian but not enough so I need to work on my Italian but this is cuenca it is my most service city to visit in ecuador and most recently i was the user experience director

at hendrick automotive group so i had an interesting role there it's a large company in the in the US specifically in the southern part and either they were an 8,000 employee company they had billions of dollars in revenue and they had zero web designers

about eight or nine months ago so they hired me as user experience director to come on and create a product development team and the goal with the team was to create a cross-discipline team of designers information architects strategists developers started

an internship program or apprenticeship program and that's been my life for the last eight or nine months and what I want to share with you today is rapid prototyping with SAS compass and middle man SAS is a preprocessor for CSS a compass is a framework

built on top of SAS and middle man is a static site generator written in Ruby so this is a small portion of the process that we created to take a cross-discipline team and have them work together to make products so I really enjoy and my background is designed

I also do fairly heavy development on the front inside and I'll have my hands and everything so it was really exciting opportunity to work with various disciplines to create lots of nifty products so one of the things to keep in mind is is one of our goals

working at hendrick is that the idea that we had is everything we build we're web apps is the Italian okay okay not sure so that this is supposed to be that the medium of the web medium mejor Ledbetter all right so that the medium of the web so for us

the medium of the web is HTML CSS and JavaScript everything we create is web application whether it's mobile or desktop and that is the end result of what we built so we want to get there as quick as humanly possible so the that the idea are the couple

of the goals that we had was to create a really light process and to make sure that the various disciplines collaborated together with the end goal to get to the medium of the web or get to HTML CSS and JavaScript as quick as humanly possible that's what

we wanted to do so these are some of the things that we we adopted to kind of make that happen so I come from a background work in I think I've had 12 jobs in the last 10 years at either startups small companies publishing companies large corporations

I jump around a lot I'm kind of a DD when it comes to jobs and I like finding interesting challenges all the time and I tend not to stick around more than a year or two so in in the various jobs that I've worked at in various roles this is a typical

process that that tends to happen so that there's this investigation portion where you're trying to find out how the problems are the things that you're trying to build and you end up creating documentation to support all this stuff each step is

generally an individual that specializes in something this is their role this is what they do in the company so there are people in companies typically on the UX side or strategy side that I take out the business rules and make this happen so after that there

are typically some business rules that probably doesn't translate correctly but hey it's the thought that counts they're typically business rules are different problems that you're trying to solve for they come from marketing or the business

group or that the company CEO these are the things that we have problems and I want you to solve which is another documentation and didn't wire frame that translate yes I got one right so another step is wireframes and i typically despise wireframes I

don't like doing them don't working with them because it creates more documentation and in the case of wireframes traits a lot of documentation next up there typically prototypes of some sort if you work with the user experience team they might do

various types of prototypes for the paper prototypes as something in Acts year which is pretty popular in the corporate world in the US so uni and you have more documentation and then either temple' content specs there's a copy team they're writing

all the content for you kind of separate and they send you the content docs for everything in the site which is more documentation and then if there's a visual design team while somebody's making content as far as making wireframes that they'll

typically take those and they'll make photoshop comps are our mock-ups in Photoshop really high fidelity they basically take the wire frames in most cases and they paint to create a Photoshop mock-up i also dislike photoshop mock-ups i'm not a huge

fan because what else up happening is you have another piece of documentation it is being a lot of really static documentation that doesn't really get you very much closer to working in HTML CSS and JavaScript and God it makes me crazy because you're

[ ... ]

Nota: se han omitido las otras 3.479 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.