|
|
| |
EVENT DETAILS |
In this seminar, we'll demonstrate how to code an image-rich webpage designed specifically to take advantage of the awesome native CSS capabilities of modern browsers. You'll learn how to build an elegant, responsive design where all contentincluding images and videosresize in accordance with browser size. You'll also explore techniques for using CSS animated transitions that zoom, pan, and scroll. Along the way, we will use media queries to fine tune the content so it displays beautifully in any size browser, from a mobile device to a wide-screen display. Here's the page you'll learn to create in this seminar.
You'll learn about the following topics:
The Magic of CSS Background-Size: Cover
Distinctive Scrolling Effects with CSS Fixed Backgrounds
Zooming a Video on Hover with CSS Transitions
Using CSS @Keyframes to Create a Cinematic Panning Effect
Media Queries: Fine Tuning Page Layout and Typography Across Devices
This seminar is designed for people who have some experience with HTML and CSS.
|
|
|
|
|
|