Use FitVids for video embedding

HTML5 Video Embedding

HTML5 has simplified video embedding, but designers still have two problems. The first is getting video to resize responsively, the second is to ensure resizing degrades gracefully for Flash when HTML5 embedding isn't supported. Enter FitVids, a jQuery plugin that takes care of all that for you.

Thanks to the guys at Creative Bloq -  http://www.creativebloq.com/web-design/tips-812580

.Net - Responsive Week

.Net Magazine, have spent the past week featuring articles and tutorials on responsive web design.
It is well worth working through, great resource.
http://www.netmagazine.com/tutorials/build-responsive-site-week-designing-responsively-part-1 
This is part 1, work your way through.

Responsive Umbraco & Bootstrap site - Whitecapltd.com

Just thought I'd drop a post up here about using my experience using Twitter bootstrap, and Umbraco CMS to put together a website for Whitecap Associates - Yacht brokerage, management and build Whitecapltd.com, the idea being to create a responsive website with CMS, that will expand as and when the company require.

It was more complicated than I thought it would be, but after we at Noko incorporated the Zurb Foundation grid system into bootstrap, it all began to take shape. After realising that the best way to style the pages is to add a additional stylesheet, as a final layer of css levels, to overwrite and update the default values, it turned out ok.

Still have a few items that need a good polish, ie. a current state on the navigation, and a few minor tweaks here and there, overall though I'm pleased with the results.

Just grab the side of your browser and squash it narrow to see the mobile device view. www.whitecapltd.com

Boilerplates, Media Queries & less

If you're venturing towards mobile development, or HTML5 / CSS3, heard about Media Queries and thinking about looking into it, I'm just going to list a load of links I've found that might enlighten you...

Page layout / media queries - http://foundation.zurb.com/

Boilerplate HTML5 - http://html5boilerplate.com/

Media queries / min-width example - http://www.unmatchedstyle.com/sandbox/min-width/

Media queries - size info - http://nmsdvid.com/snippets/

Haven't read up on this yet but I know its going to be something important -
http://twitter.github.com/bootstrap/

LESS the dark side of CSS3 - read this first it helps! - http://www.stuffandnonsense.co.uk/blog/about/less
Then this - http://incident57.com/less/erg Mac version!!
Windows version here - http://winless.org/
or this - http://lesscss.org/
Then OMG this! - http://lesselements.com/

If I can megamix/mashup/mixin all this stuff together and get it to work, I should be able to finish stuff before I start doing it! :o)

CSS3 and HTML5 compatibility help

On http://caniuse.com You can search for a css property, it’ll tell you what browsers support it and any prefixes needed for support in some browsers (like –moz-gradient), and links to some groovy on-line editors that let you play with sliders to create some CSS effects and give you the resulting CSS code, and also links to related resources like IE workarounds.

HTML 5 - some details

As a reference to what's new in HTML 5 this site gives some good information
http://www.threestyles.com/tutorials/html5-rocks-my-socks-off/

When can I use....

Here's another gem, all browsers, compatibility in table format for each different rule...
http://a.deveria.com/caniuse/ wicked!