Progress on RWD / portfolio redesign
Progress on RWD / portfolio redesign
I’m trying my hand at Responsive Web Design. It’s a really different way of thinking. I have to think: “How is this this going to look on different devices.” I started out doing desktop down but that confused me. So I turned it around and tried mobile first. That was easier for my brain to figure out what to change — going up in width instead of going down.
Note: This is just a test page. I’ll put in actual content/images once I’ve figured out the process and cleaned up the code.
Most of the things I was freaking out about a few days ago are irrelevant. Or I was just freaking out over nothing. I think I just had to do it instead of over-thinking it.
As far as the process: I put all the content in HTML and get that down. Then I start styling the text, colors, background, etc. (and I use a reset). After that I try to position everything. Something that helped me with that is a media query reporter. So I can see in the browser at which point the design changes.
It’s still a work in progress. There are a lot of things I still need to figure out. It’s actually pretty fun.