freeCodeCamp's Applied Visual Design Course

Learn how to apply a better visual design to your HTML document through freeCodeCamp's Applied Visual Design course. We learn about many different design properties and how to apply them to different elements. We learn about the different ways to align text as well as the different units that can be used to specify width and height. We learn many more

Lessons:

freeCodeCamp's Intro to the Applied Visual Design Challenges

freeCodeCamp's Create Visual Balance Using The Text-align Property, Applied Visual Design

freeCodeCamp's Adjust the Width of an Element Using the Width Property

freeCodeCamp's Adjust the Height of an Element Using the Height Property

freeCodeCamp's Applied Visual Design, Use the Strong Tag to Make Text Bold

freeCodeCamp's Use the u Tag to Underline Text

freeCodeCamp's Use the em Tag to Italicize Text

freeCodeCamp's Applied Visual Design, Use the s Tag to Strikethrough Text

freeCodeCamp's Applied Visual Design, Create a Horizontal Line Using the hr Element

freeCodeCamp's Applied Visual Design, Adjust the background-color Property of Text

freeCodeCamp's Applied Visual Design, Adjust the Size of a Header Versus a Paragraph Tag

freeCodeCamp's Applied Visual Design, Add a box-shadow to a Card-like Element

freeCodeCamp's Applied Visual Design, Decrease the Opacity of an Element

freeCodeCamp's Use the text-transform Property to Make Text Uppercase, Applied Visual Design,

freeCodeCamp's Applied Visual Design, Set the font-size for Multiple Heading Elements

freeCodeCamp's Set the font-weight for Multiple Heading Elements, Applied Visual Design

freeCodeCamp's Set the font-size of paragraph Text, Applied Visual Design

freeCodeCamp's Set the line-height of Paragraphs, Applied Visual Design

freeCodeCamp's Adjust the Hover State of an Anchor Tag, Applied Visual Design

freeCodeCamp's Change an Element's Relative Position, Applied Visual Design

freeCodeCamp's Move a Relatively Positioned Element with CSS Offsets, Applied Visual Design

freeCodeCamp's Lock an Element to its Parent with Absolute Positioning, Applied Visual Design

freeCodeCamp's Lock an Element to the Browser Window with Fixed Positioning, Applied Visual Design

freeCodeCamp's Push Elements Left or Right with the float Property, Applied Visual Design

freeCodeCamp's Change the Position of Overlapping Elements with the z-index Property

freeCodeCamp's Center an Element Horizontally Using the margin Property, Applied Visual Design

freeCodeCamp's Learn about Complementary Colors, Applied Visual Design

freeCodeCamp's Learn about Tertiary Colors, Applied Visual Design

freeCodeCamp's Adjust the Color of Various Elements to Complementary Colors, Applied Visual Design

freeCodeCamp's Adjust the Hue of a Color, Applied Visual Design

freeCodeCamp's Adjust the Tone of a Color, Applied Visual Design

freeCodeCamp's Create a Gradual CSS Linear Gradient, Applied Visual Design

freeCodeCamp's Use a CSS Linear Gradient to Create a Striped Element

freeCodeCamp's Create Texture by Adding a Subtle Pattern as a Background Image, url function

freeCodeCamp's Use the CSS Transform scale Property to Change the Size of an Element

freeCodeCamp's Use the CSS Transform scale Property to Scale an Element on Hover

freeCodeCamp's Use the CSS Transform Property skewX to Skew an Element Along the X-Axis

freeCodeCamp's Use the CSS Transform Property skewY to Skew

freeCodeCamp's Create a Graphic Using CSS, Applied Visual Design

freeCodeCamp's Create a More Complex Shape Using CSS and HTML

freeCodeCamp's Use CSS Animation to Change the Hover State of A Button, Applied Visual Design

freeCodeCamp's Modify Fill Mode of an Animation, Applied Visual Design

freeCodeCamp's Create Movement Using CSS Animation, Applied Visual Design

freeCodeCamp's Create Visual Direction by Fading an Element From Left To Right

Beats by Dre | Music The Way Halsey Intended

Beats by Dre | Music The Way Halsey Intended

Beats by Dre | Music The Way Halsey Intended

freeCodeCamp's Animate Elements Continually Using an Infinite Animation Count

freeCodeCamp's Make a CSS Heartbeat using an Infinite Animation Count

freeCodeCamp's Animate Elements at Variable Rates, Applied Visual Design

freeCodeCamp's Animate Multiple Elements at Variable Rates, Applied Visual Design

freeCodeCamp's Change Animation Timing with Keywords, Responsive Web Design

freeCodeCamp's Learn How Bezier Curves Work, Applied Visual Design

freeCodeCamp's Use a Bezier Curve to Move a Graphic, Applied Visual Design

freeCodeCamp's Make Motion More Natural Using a Bezier Curve

Subscribe To Monthly Newsletter. Chance to Win Monthly Prizes

* indicates required


Share: