In this lesson we learn to use media queries to apply different CSS styles based on the screen width, so different CSS can be applied on mobile devices compared to laptops.
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.
So have you ever wondered how websites have a little icon next to their title? Have you ever thought of how to customize the icon when you add your website to your phone home screen? This is a very quick shortcut 🙂 Enjoy 🙂
This video tutorial will show you how to edit the HTML code of a webpage inside google chrome, and how to then save it on your computer. Demonstrated on a Windows 10 PC.
Hi all, before we start web design for mobile, I thought I’d show a quick video on how to view your website through a mobile phone simulator in Google Chrome, so you can see what your website looks like on multiple devices.
In this lesson we discuss the concept of density (device pixel ratio) in terms of pixels for your display device.
In this tutorial we explain the concept of DPI for display devices (monitors, phones etc) and how to calculate it. Note: For display devices, dpi and ppi mean the same thing.
In this tutorial we explain what the term resolution means.
Hi all. In the next series of tutorials we are going to start talking about mobile website design and the first concept you need to be familiar with is a pixel. If you already know what a pixel is, feel free to skip this tutorial.
In this tutorial we talk about centering Div blocks in HTML5, and how to center Div blocks within a div block.