pamjam

In Safari viewport units are only supported in the latest version of Safari 6.0 which runs on Mac OS X v10.7 and OS X v10.8. Or on IOS devices iPhone 5, iPad (4th generation) and iPad Mini. I like both ideas suggeested by Nillervision. Another alternative for scaling the headings only is to use Fittext http://fittextjs.com/

Don't have IE but a quick fix is to drop the point size and weight .nav li li a { font-size:11px; font-weight:normal }

I read a great quote the other day: "Design is not a vehicle for showing off the latest techniques, it’s a way of communicating ideas" http://www.netmagazine.com/opinions/designing-users. I can't generalise and say one is good, one is bad. There's too many poor executions of both genres fueling the debate. As long as it is good communication design and it's done well that is all that matters. Think, research, test, ideas, do.

rhfmedia's code should work a treat, but I suggest you set a width on #wrapper, also reduce width of #text to give space between #text and #images #wrapper { width:1000px; margin: 0px auto; padding: 0px; } Also, need to add this between images and footer divs: <div style="clear:both"></div> Hope this helps too, here's a little mobile responsive mockup: <style> body {margin:0;padding:0} #wrapper { width: 1000px;margin: 0px auto; padding: 0px; color:#FFFFFF;background-color:#003366 } #header { width: 100%; height: 100px; background-color:#993300; margin:0} #menu { width: 100%; height: 100px; background-color:#99FF00; margin:0} #you-are-here { width: 100%; height: 100px; background-color:#FF3333; margin:0} #text { float: left; width: 77.5%; height: 100px; background-color:#9933CC; } #images { float: right; width: 20%; height: 100px; background-color:#666600 } #footer { width: 100%; height: 100px; background-color:#000000;margin:0} @media only screen and (max-width: 767px) { #wrapper,#text, #images {width:100%} } </style> <div id="wrapper"> <div id="header">header</div> <div id="menu">menu</div> <div id="you-are-here">you are here</div> <div id="text">text</div> <div id="images">image</div> <div style="clear:both"></div> <div id="footer">footer</div> </div>

I probably do a couple of WP sites a year, and the other 99% coding from scratch. WP not a big requirement but I'll have a look at Bones and SuperSkeleton for the next WP project that comes up. I agree Orman Clark produces some standout themes. I guess Foundation 4 and SaSS it is. Thanks Pam

Cheers guys, Frameworks by nature can be bloated. I have actually used the Skeleton WP theme to create a Wordpress site and found that it required a lot of tweaking to override the framework style, which inevitably added extra time onto the dev. Ease of customisation is a deciding factor. and the naming conventions they use. eg a column layout would be: .span1 in Bootstrap or .one.column in Foundation. I have to say I find bootstrap sites all look the same that's down to the creative though, whilst foundation looks more polished, so I'm leaning more towards that option. Interestingly in Foundation IE8 is no longer supported and the typography has changed from px- to em-based. Im pretty confident in CSS so curious about how Sass - mixins, variables, selector inheritance etc can streamline my production. Done a bit of looking around and found this handy comparison: http://responsive.vermilion.com/compare.php CSS-trick got a nice intro to Compass and SaSS http://css-tricks.com/video-screencasts/88-intro-to-compass-sass/

There'e been a lot of buzz recently about the new Foundation 4 framework and with the upcomoing release of the mobile-first Twiiter Bootstrap 3 things are hotting up. I'm wondering what are your pro's and cons of using either. Personally I've never used a framework, but I'd guess the big advantage is the responsiveness is built in and so aid rapid development. Add to that, are there any advantages of using Sass over Less as a css preprocessor? What experiences good or bad have you had with these frameworks and which do you recommend to learn and why.

I've had good experience of Nextgen in wordpress, solid reliable and customisable gallery plugin.

Very funny:)

I'd probably have one brand that showcases your diverse talent, more strings to your bow

It looks really good, I like the clean minimal layout, the focus is on the work. Would be nice to know something about them, whether they are personal projects, client work, how you tackled the brief etc.

I like the new monotone colour scheme, it puts more focus on the content where it should be, nice work. I have the Yo Momma up on my workspace at work. Yo Momma is so fat, she even tries to eat browser cookies

Firefox for web developer tools and firebug, Chrome and Safari for cool HTML5/CSS3 support.

Can you post the code? Don't know if this will work but you could put a class on those 3 elements and targeting them in a media query. Set each element to display:block and text-align:center

How about "JavaScript: The Definitive Guide" (6th Edition, 2011) by David Flanagan. Also "Professional JavaScript for Web Developers"(2012) by Nicholas C. Zakas. I'll be reading both alongside the free Codecademy Javascript course, can't wait!! I can't recommend good PHP books, but otherwise online courses worth considering are Treehouse and Udemy but these are paid subscriptions.