2.14.2012

Making Stuff

Oh hey. Way too late to still be up, but sometimes I just stay up and I don't feel tired. It hardly ever  happens, so when it does I feel like I need to be really productive... or at least accomplish things on my to-do list. Usually blog posts don't fall on my to-do list but I think this is important because I think it is a fun new step in my career. 

Allow me to explain. 

Remember that time I didn't know what to do with my life? Oh yeah, that would be all last summer. 

Even though it was fun and adventurous and I got to do some awesome things with awesome people... most of the my time last year was spent analyzing what I want to do and where I want to be. When I was going from interview to interview last fall, I remember a specific day driving Aaron and Melissa's white mini van (very good of them to let me borrow). I passed by a sweet sign for a storage warehouse. And then a few hundred yards later, I passed by a different sign that I didn't love. 
All of the sudden I felt this excitement that I could make anything I want. I could make a better sign for that person. I have the tools and the knowledge to do it. 

I started thinking about what I couldn't make or what I don't really want to make (cars, anything to do with welding, pianos, houses, basically things that involve electricity and metal). But I have been quite satisfied making other things that involve paper or fabric or plastic... stuff with ink or thread, etc. Making those things brings fun joy. 

Then I thought about the internet, another love of fun joy. And I had this feeling that the world wide web is just this big blob of mystery that I am not able to understand or make, but that I want to. 
I feel like so much of design is going to be focused on the internet... and I kept thinking, yeah I want to be part of that design-webby-movement stuff. 
So luckily I got my job! 
My official title is front-end web developer. This means I make websites. 

When I first learned about this stuff, it was very new to me. So I thought I would share to you, my loyal readers. (But let's be honest. It's mostly so my mom can understand what I am doing all day. )

So, I go to work. I go to meetings and talk about some new digital thing that a client wants. We chat it up with information architects and user experience designers and project managers and back-end developers and flash developers and brand managers. And finally at some point, an art director makes it all happen in a sweet layered photoshop design. 

Then they give their design to me. Last month, it looked like this: 


I look at the photoshop document for a long time. Then I think about how I should set it up and what elements I ought to group together. Then I write a code to format the layout.  I take the text from the copywriter and put in little tags so the browser knows how to recognize everything. The "language" of the code is called HTML. 


After I have done that, it looks like this. BUH-ORING. 


Luckily, websites don't have to look like that anymore. I write a different code that applies styles to all the elements. Style meaning, background patterns, images, colors, fonts, borders, spacing between things, etc. This code is called CSS. 


Sometimes I have to do special styles for Internet Explorer 7 & 8 because some people still use those. (If you are that person, you may consider Google Chrome...)


Adding style is too much fun! Once I think I am done, I work with the designer and a team of quality control who check every page and element in at least 7 browsers, plus the iPad and iPhone. Once it's done, it goes back to the client to approve.


So... this was my first site that I did on my own. It went live on Friday! 


Also, this week I got to make a mobile site... aka a site that you can see in any browser but if you are on a mobile device it will default to a site that is specially formatted to handle a small width. 
I got this adorable PSD for the chocolate festival at Central Market, which is a gourmet grocery store in Texas. Think Trader Joe's meets Whole Foods meets Costco's samples. 


So then I go through the same process first coding the framework in HTML and then adding some pizazz with CSS. For this site, I tested the site on an iPhone simulator on my computer. It was pretty weird to use my mouse to scroll instead of my finger. 

You can check this one out here. Ah! I just think it is so cute. All the chocolates and pink and textured background. So fun! 


Anywho. That is probably way more than anyone wanted to know about my job. But I love love it. I didn't realize how perfect it would be for me. I love that I can go in to work and get stuff done and learn new things, but still come home and do all the cool free-lance design stuff that I want to do. Perfect fit. Cheers to Texas!



7 comments:

Kim said...

So fun! I hacked my way through customizing my smugmug website and while it is o.k. it is not my favorite and I know I need to learn HTML and CSS to make it even more awesome. You are awesome for learning how to do all of this . . . and the website you did was beautiful! Awesome job.

emily snyder said...

cheers to you!! who would have thought this is where you would end up?! i am in awe of all the things you can and do create to make things beautiful! i am loving the website!! sooo cool!

melimba said...

Hip hip! Hip hip! So very proud. It's crazy to think all that coding makes sense to you now! Amazing!!

RACHAEL said...

You go girl!!! That is soo awesome. I admire you for knowing how to do that and being so good at it! The website looks AMAZING!! <3

Brittany said...

I'm working (read: thinking about seriously) on learning CSS and HTML--it'll give me a leg up in this internet writing world. I've learned a bit at my internship, but want to be a pro, like you clearly are. Did you learn all of this on the job? At school?

Sarah Pugmire said...

Dude you rock! When I get a blog, I'll make sure to do a post about what I do at work all day. It will most likely involve A LOT of excel screen shots.

A Mitton said...

K, so here's my fear with web design: I would LOVE to be the first create-the-design-in-Photoshop person. I would NOT want to deal with all the coding. I'm afraid of coding, it does not appeal to me in any way at all. How do I get over that? Or do I even need to get over that? I feel like right now they're still pretty separate entities, especially in the publishing industry (which is where I want to end up, right) but that could easily change.