Responsive Web Design for Developers with Visual Studio

on YouTube ↗59m

" summary

Demo shows a working responsive site built in Visual Studio using the LESS preprocessor and a minimal skeleton CSS grid plus icon fonts and Google Fonts. Media queries rearrange 12-column layout, SVG logo with PNG fallback adapts sizes, and CSS transitions for slide-out menu animate a left hamburger panel while tiny JavaScript only toggles a body class. Modernizr feature detection and font fallbacks are used; everything in the demo runs smoothly in modern browsers.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:52Designer brains
3. 24:20CSS Frameworks
4. 26:42Before coding
5. 45:47Hamburger menu
6. 54:47Bootstrap overview

" related talks

• 43mResponsive Design: now 90% easier with SASS!Arpan CJ · RubyConf India 2012
• 43mGetting serious about Responsive Web DesignArpan Chinta · Meta Refresh 2013
• 29mSquishy PixelsVarun Vachhar · FITC Web Unleashed 2014
• 35mThe New Rules of The Resposnive WebMatthew Carver · HTML5.tx Texas 2013
• 53mNew Adventures in Responsive Web DesignVitaly Friedman · FITC Toronto 2017
• 54mInclusively Responsive UIs with CSS and SVGSara Soueidan · Cold Front 2018
• 33mCutting-Edge Responsive Web DesignVitaly Friedman · Nordic.js 2016
• 29mBuilding responsive CSS componentsZell Liew · Talk.CSS max-content Edition