by   January 19 2014   
Responsive designed CSS3 websites meet responsive design supported Google AdSense advertisements. Our long wait seems to have ended. HTML5 getting closer and I for one am good with escaping out JavaScripts. Responsive designs are not new, but what is new to the responsive design world are responsive Google AdSense Ads.

Responsive AdSense by Our Designs!

I'm not one that writes allot about Google AdSense.

I also don't write about website design much either.

Mostly because I keep my sites simple and focused and my AdSense methods are right out of the guidebook and anything more is none of your business. (Talking about my former bank teller)

But, when I noticed Google thinking like me and started a return path to Keep IT Simple I just had to jump in and rewrite to make their new responsive ads fit my responsive sight.

 It has been years that I had to setup 30 or more custom ad types to fit my responsive design HTML5 websites. The hours of piecing into ad slots was at time so tedious I often skipped slots to save my sanity.

Now I run 4 ad types and 5 ad slots on every page and it all resizes on its own without special handling.

Thanks Google AdSense Team for making it all a bit easier.

 

For those looking to do it right the first time, go into your adsense account and create one responsive design ad.

Place it in or near your header.

Play around with the @media settings to make it work for your site and your devices.

I am still editing my CSS for different screen sizes but for the most part, I have a good handle on the design flow.

If you like imageless CSS left column CSS3 style menus feel free to pull my copy from this site source.

In the Google site test I'm running 90/100 mobile and 92/100 desktop.

The 8 to 10 points off come from the AddThis JavaScript and the issue I can't cache their stuff.

But, when I pull their code out I get that 94/100 and 96/100 so according to Google I've been doing something write these pat few years.

 Share with me some of your designs, looking for those like minded Image less but stylish sites using CSS3 in Responsive designs. 

Thanks all!

Murray W.

 PS: site scores are from the main page and on good sunny days. Don't worry if you are lower, just make sure any Red items are fixed and spend some time on that old JavaScript.

Also, help me out and stop supporting IE 9 and below from Microsoft. If you need a script to tell your visitors you are ending support on Microsoft just ask. 2014 and older computers will be on Ubuntu and Chrome or Firefox. Design for the long term.

 

 

Responsive designed CSS3 websites meet responsive design supported Google AdSense advertisements. Our long wait seems to have ended. HTML5 getting closer and I for one am good with escaping out JavaScripts. Responsive designs are not new, but what is new to the responsive design world are responsive Google AdSense Ads.