Development tools - Mobile Web Development

Development tools – Mobile Web Development

In this lesson, we're going to be discussing the Chrome developer tools, which enable you to analyze and debug, your web applications. Peter's, going to tell you more about them. >> Now you may already, be familiar with the dev tools. But, what's really exciting, about them, is that you can now, easily ,use these

Responsive design - Progressive Web App Training

Responsive design – Progressive Web App Training

how do you build websites that work well for all your users no matter what device screen or window size why do we need responsive design well the problem is that on the web one size does not fit all we have different devices browsers and screens you know and even different data requirements and

Responsive images - Progressive Web App Training

Responsive images – Progressive Web App Training

images give the web life and color but on average images consumed by far the most bytes on most web pages we can do better responsive images are a huge topic in this video gives you just a whistle-stop tour of the major issues that you should consider so though some general principles for images

Reduce image size: use media queries for background images

Reduce image size: use media queries for background images

SPEAKER: Accordingto HTTP Archive, a medium page on mobile weights1.5 megabytes, and about half of that weight are images. Serving images ofthe right size, not too small, not toobig, can speed up your site significantly. This page uses a lot of images. Let's see what LighthouseReport can tell us about it. Well, it tells us

Виталий Фридман – New Adventures in Responsive Web Design

Виталий Фридман – New Adventures in Responsive Web Design

очень надо давайте пришли сегодня хочу рассказать немножко про не adventures in response to design a что именно в принципе новой техники нового интересные вещи которые происходят в фонд индию но это женская слона две вещи вот вы думаете так то сидите и думаете not что этот в дом рассказывать но какой-то редактор да ну

Mobile device pixels - Mobile Web Development

Mobile device pixels – Mobile Web Development

mobile devices not only have different numbers of actual pixels but they fit very different numbers of pixels into each inch of screen real estate so to get roughly consistent formatting they pass different numbers of layout pixels into the viewport this chart shows the number of physical pixels for each device their device pixel

Pointer events - Mobile Web Development

Pointer events – Mobile Web Development

to rectify this situation Microsoft made a standards proposal that reconciles touch events and mouse events and pen input two into one model called pointer events so you'll notice that pointer events are currently only natively implemented on Internet Explorer and ie mobile for all the other browsers out there you're going to need a

Application cache - Mobile Web Development

Application cache – Mobile Web Development

so the first major component we're going to dive into to help is the html5 application cache this lets you provide a local cache of HTML files CSS JavaScript images any other resources your client web app may use and get the browser to use them even before it tries to hit the network so

Welcome - Mobile Web Development

Welcome – Mobile Web Development

welcome to CS 256 mobile web development we're here to teach you to apply your web development skills to this and to this because as you're probably aware the mobile web is kind of a big deal most statistics project that mobile web usage will soon overtake desktop web usage so you might ask what's

Webcam access - Mobile Web Development

Webcam access – Mobile Web Development

so let's use these features to implement a profile picture taker in our conference app I've included the framework for a camera control in the conference app already you'll need to fill in the interesting bits here first here's the code that gets called when the user starts up the camera and right here you