Ratings & reviews

5.06 ratings

OLEKSANDR L.

33 days ago

Explained in words that are easy to understand, thank you.

Roman P.

39 days ago

Great for newbies and for repeat known material

Sawai S.

61 days ago

Very nice

100%
0%
0%
0%
0%
info

Complete all chapters to get certificate

0%

Introduction

chevron

Research what learners can expect from this advanced HTML and CSS styling course. What do you need to know before starting the course? What topics will be covered in it?

Course Overview

Course Focus

Course Topics

How to Succeed

Item Positioning

chevron

Position and manage elements on the web pages. Learn about the different positioning properties, discover how to use the stacking order to control the visibility of elements that overlap each other, and finally, handle content overflow.

What is Positioning?

Relative Positioning

Challenge: Relative Positioning

Absolute Positioning

Challenge: Absolute Positioning

Fixed Positioning

Challenge: Fixed Positioning

Sticky Positioning

Challenge: Sticky Positioning

Stacking Order

Challenge: Stacking Order

Content Overflow

Transitions

chevron

Research the power of transitions and learn how to improve the user experience. Discover how to liven properties smoothly and gradually, creating seamless state transitions.

What is Transition?

Select Transition Property

Transition Duration

Transition Time Function

Transition Time Delay

Transition Combination

Challenge: Add Transition

Animations

chevron

Learn about the animation property and how it can be used to create dynamic and engaging designs. Discover how to create complex animations using keyframes and how to control the animation.

What is Animation?

Specify Time of the Animation

Control Animation Play Quantity and Direction

Manage Animation State

Animation Composition

Challenge: Add Animation

Transformations

chevron

Explore the transformation property, which allows modifying the appearance and position of elements on a webpage. Learn how to scale, rotate, skew, and translate elements in two and three dimensions. Combine multiple transformations to create more complex effects.

What is Transformation?

Scaling

Rotating

Challenge: Add Scaling & Rotating

Translate

Skewing

Perspective

Challenge: Add Translating and Skewing

Adaptive/responsive websites and apps

chevron

The principles and techniques used in adaptive/responsive design aim to make websites and applications accessible and visually appealing across different devices, screen sizes, and orientations.

What is Adaptive/Responsive Design?

@media Query

Adaptive - Responsive layouts

Inspecting the Web Page

Challenge: Inspect Adaptive/Responsive Layout

Preprocessors

chevron

Learn about preprocessors in CSS and how they can help to write more efficient and maintainable code. Understand how to use preprocessors to simplify the workflow and generate cleaner CSS code.

What is Preprocessor?

Sass Syntax

Sass Variables

Sass Numeric Operators

Sass Nesting

@extend Directive

Folder-File Structure