prasanthLalapeta/Mobile-Web-Specialist-Preparation

Guidelines and practises for cracking Mobile Web Specialist Certification

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