Summary 5

Topic #1: Adapting to all the Devices!

It is important to make sure when designing a website that your page is completely responsive. In today’s world we have hundreds of different sized media screens and it is important to make sure your web page is legible from all sizes. By the addition of the word meta in your HTML you can make your page interactive on devices from an iMac to a small screen smartphone.

Topic #2: Magic Images

When working with responsive websites you can also go into more depth with your images on your site. When working with the idea that your website can be seen from multiple sized media screens, you can make some adjustments. On the largest screen, a desktop, you can choose to show a large scale picture, and as the media screens decrease you can have the pictures alternate based on size.

Topic #3: Now over to CSS

We know that the CSS takes a hold of the decoration and all of the details within the web page. Using the @media rule allows you to create different style rules for different media screens, allowing for the same website to display a different look when opened on different sized media screens. With the growth of the use of different media screens, this can be very important.