When I was first building/designing my responsive site, I based my initial efforts on a slightly modified version of Joni Korpi’s Golden Grid System. It served me fairly well to begin with, but the way the media queries were set up made the layout’s reaction to changes in screen size never look quite right.
Needless to say I needed to make it work, and so I kept a lot of the underlying code intact, but pretty much abandoned the grid that was in use in that system, and came up with something that worked a little bit better for me. This allowed me to set a static width for larger screens and then adapt a little more naturally for smaller sizes.
Which is precisely the point in systems like that. You take what works for you, then adapt and modify the rest to better fit your needs.
This is an excellent site for two reasons. One, it is a working responsive design and it is grid based. Two, it has great content. A site “about style, taste and good manners.” Plenty here to peruse if you’re into this sort of thing. Me, not too stylish, and I lack the manners to be confused with anyone of class, but admire those that can pull it off. Wish this weren’t in German, but here’s a translation.
Also, be sure to change your browser window’s size and see how the site responds.
With all of the changes going on in my industry, the improvement and exceedingly common use of responsive design techniques, and my general evolution as a web developer I needed to take a leap forward on my personal site. Hard to sit back and see all that was changing, see my own skill as a developer improve, and not do something. The problem has always been time.
I’ve been sitting on this redesign since at least November, and have scrapped many an iteration since then, but the holiday season kept me busy, and quite frankly I was never going to finish this unless I just launched the thing.
So in all it’s glory this is what it is for now. I’ll be making several changes as I go, improvements in the details, making sure I get everything right, because right now, it’s a hot mess, and adding back a lot of important functionality that I’ve not included in this theme just yet.
This site is tentatively responsive, but not everything plays nicely at this time. I’ll get there, I’m new to this. I’ve based the grid on Joni Korpi’s Golden Grid System, and it’s been modified slightly to accommodate my needs. A lot of my needs, unfortunately, made creating a workable grid kind of tough, but it works mostly.
I have a lot of modification to go through on older posts once I get to adding my archive links and search. I stupidly used a hacky grid in the old layout.
Well, take a look around, let me know what you think.