HTML5 CSS3 Mobile Responsive Website Design Lesson 1 - setting viewport width

Channel:
Australia Magic Monk
Subscribers:
65,900
Published on ● Video Link: https://www.youtube.com/watch?v=HB1-_7yIdMs


Duration: 8:30
1,152 views
8

In this series of videos we will teach you how to optimize a website for mobile devices.
In this lesson we talk about why you would put in the tag (meta name="viewport" content="width=device-width") into your HTML document, and we show you the difference between having it and not having it.

Lesson 2 is here: https://youtu.be/F6qdItXFYgA

Source file: http://magicmonktutorials.com/samplesite/lesson1.html



Other Videos By Magic Monk


2016-08-16PHP tutorial: Display information from a MySQL database on a webpage
2016-08-11GoPro Hero 4 Session Part 1 - Unboxing
2016-08-09Real life Maths: Ratios: Why New Zealand is actually WINNING the Rio Olympics 2016
2016-08-09Australian Census website is down
2016-08-08Catch 70 Pokemon in one hour (Pokemon Go) Part 3 一小時抓70隻精靈寶可夢
2016-08-06Catch 70 Pokemon in one hour (Pokemon Go) Part 2 一小時抓70隻精靈寶可夢
2016-08-06Cheapest place to park in Brisbane CBD (If you want to drive in to play Pokemon Go)
2016-08-05Money saving tip - Save money on electricity bill by Direct Debit (Origin Energy)
2016-08-05HTML5 CSS3 Mobile Responsive Website Design lesson 3 - External Style sheet, container
2016-08-04HTML5 CSS3 Mobile Responsive Website Design lesson 2 - Media Queries
2016-08-03HTML5 CSS3 Mobile Responsive Website Design Lesson 1 - setting viewport width
2016-08-02Australia's cheapest tablet deal (world's cheapest?) - Samsung Galaxy Tab A - part 1 - Unboxing
2016-08-01Rearranging the compound interest equation with monthly compounding period
2016-07-31How to get one Lego Mindstorms NXT brick to communicate to another NXT brick via Bluetooth
2016-07-29Compound Interest and Logarithms
2016-07-28Pokemon Go - Where you can find the most Pokestops in Brisbane (University of Queensland)
2016-07-27phpMyAdmin MySQL database - How to create table, insert data, set up foreign key
2016-07-24Pokemon Go Trick - How to level up faster
2016-07-24Pokemon Go - Take down a gym in a group
2016-07-21Pokemon Go - Where to find Pikachu in Brisbane, Australia
2016-07-18How to level up in Pokemon Go without using any mobile data in Brisbane


Tags:
meta tag html
seeing viewport html5
responsive web design html5