Mobile Web Specialist Preparation

Coming soon..

Installation

Run npm install in root folder for installing all dependencies.

How to Run

Run http-server ./[yourfolder] -p 1337 - sample: http-server ./Basic-website-layout-and-styling/Responsive-design/ -p 1337 and navigate to http://127.0.0.1:1337/ in browser and see the output :)

New things i learned

From Responsive Design

1. <meta name="viewport" content="width=device-width, initial-scale=1">
2. rem vs em
3. Modernizr
4. flex-flow

From Responsive Images

1. img attribute srcset & size with various widths to load different sizes of images based on screen size
2. picture element and the source element

From Video

1.To add a media fragment, you simply add #t=[start_time][,end_time] to the media URL. For example, to play the video between seconds. 2. canPlayType() to find out which video formats are supported

Basic website layout and styling

• [√] Codelabs -> Responsive design
• [√] Codelabs -> Responsive images
• [√] Web Fundamentals -> Video
• [√] Web Fundamentals -> Responsive Web Design Basics -> Video