Thus begins my website’s responsive redesign. This is my current mock-up, which I designed using a grid system. The main section is split into six columns, with gutters in between and some hefty padding on the sides. I might increase the width of the gutters, though, so there’s a bit more space between the picture inset and the text. This is just the homepage, and subsequent pages will be a bit more complex, but I’m hoping that the grid system will work well for them as well.
As for the styling, right now I’m planning on going for a Flat UI look. There are obvious challenges to Flat UI, but what attracts me to it for this redesign is the limited color palette, which I hope to leverage for a simple design that emphasizes the content. Although I may change my mind on that. :P
EDIT: Increased the gutter size (picture updated) and it looks better! Think I’ll implement this and see what I get!

Thus begins my website’s responsive redesign. This is my current mock-up, which I designed using a grid system. The main section is split into six columns, with gutters in between and some hefty padding on the sides. I might increase the width of the gutters, though, so there’s a bit more space between the picture inset and the text. This is just the homepage, and subsequent pages will be a bit more complex, but I’m hoping that the grid system will work well for them as well.

As for the styling, right now I’m planning on going for a Flat UI look. There are obvious challenges to Flat UI, but what attracts me to it for this redesign is the limited color palette, which I hope to leverage for a simple design that emphasizes the content. Although I may change my mind on that. :P

EDIT: Increased the gutter size (picture updated) and it looks better! Think I’ll implement this and see what I get!

cabinporn:

A-frame cabin built in 1968 in the woods of Dorrington, California.

Contributed by David Nichols.

Oh, hey, I know the owner! :)

pewinternet:

Who uses the internet the most? http://www.pewinternet.org/Static-Pages/Trend-Data-(Adults)/Whos-Online.aspx

pewinternet:

Who uses the internet the most? http://www.pewinternet.org/Static-Pages/Trend-Data-(Adults)/Whos-Online.aspx

(via npr)

"When someone creates something and puts it in front of you, that thing came from inside of them, and if you make them feel bad, it’s going to be hard to fix, because you’ve actually crushed them."

— Jenna Lyons, from How Jenna Lyons Transformed J.Crew Into a Cult Brand

Tags: creativity

This is so cool! It’s like a mix of two of my great loves, SimCity and typography!

typographie:

(Gallery of Soviet posters courtesy of tumblr user odificus.)

I’m a sucker for Soviet posters

typographie:

(Gallery of Soviet posters courtesy of tumblr user odificus.)

I’m a sucker for Soviet posters

For those of you with a creative space, some inspiration, perhaps. I obviously am a fan of open space, light, and a view of nature, because I really like Georgia O’Keefe’s and E.B. White’s spaces. I also like Joan Miró’s too, I could see building hardware in a space like that. Or doing woodblock prints… :)

cabinporn:

Sod-roofed hut in Geiranger, Norway.
Submitted by Laura Mattila. 

Green mountains and a sod roof. *swoon*

cabinporn:

Sod-roofed hut in Geiranger, Norway.

Submitted by Laura Mattila. 

Green mountains and a sod roof. *swoon*

Responsive Re-design

Recently I have been reading Ethan Marcotte’s "Responsive Web Design", an excellent little book about not just the technical aspects of designing a responsive website, but the philosophy behind it as well. It has gotten me pretty energized about creating responsive web pages, something I strive for in my work. However, I realize that before reading the book I was very much stuck in a pixel mindset. This panel needs to be 256 pixels wide, that button needs to be 32 pixels tall, that kind of thing.

So now I want to create a truly responsive website, to but the theory into practice. To think of the design in terms of percentages, not pixels, and to think of how that site will be interacted with on multiple device types. I have also been inspired a lot by Luke Wroblewski’s ideas about designing for mobile first, so in creating my responsive website I want to put some of those concepts into practice as well. As luck would have it, a friend of mine recently linked a wonderful little tool for testing out webpages and multiple devices: http://www.responsinator.com/

So, what website will I be designing, you might ask? Why, my own, of course! Right now my personal website is not very aesthetically pleasing or responsive, as can be seen from responsinator:

I plan on documenting my responsive re-design here, so look for more related posts in the future!