Applied Visual Design, freeCodeCamp - One Hour Studywithme!

Hi teman-teman, mari belajar bersama saya untuk menyelesaikan tantangan dari FreeCodeCamp di Responsif Web Design lanjutan yakni Applied Visual Design, link: https://www.freecodecamp.org/learn/responsive-web-design/#applied-visual-design


→ Gunakan Indeks berikut:
0:00 Opening
0:11 About Applied Visual Design
0:56 1 Create Visual Balance Using the text-align Property
02:05 2 Adjust the Width of an Element Using the width Property
02:58 3 Adjust the Height of an Element Using the height Property
03:37 4 Use the strong Tag to Make Text Bold
04:59 5 Use the u Tag to Underline Text
05:47 6 Use the em Tag to Italicize
06:09 7 Use the s Tag to Strikethrough Text
07:49 8 Create a Horizontal Line Using the hr Element
08:26 9 Adjust the background-color Property of Text
09:50 10 Adjust the Size of a Heading Versus a Paragraph Element
10:50 11 Add a box-shadow to a Card-like Element
12:29 12 Decrease the Opacity of an Element
13:19 13 Use the text-transform Property to Make Text Uppercase
14:42 14 Set the font-size for Multiple Heading Elements
16:57 15 Set the font-weight for Multiple Heading Elements
19:39 16 Set the font-size of Paragraph Text
20:04 17 Set the line-height of Paragraphs
20:46 18 Adjust the Hover State of an Anchor Tag
23:26 19 Change an Element’s Relative Position
24:35 20 Move a Relatively Positioned Element with CSS Offsets
25:36 21 Lock an Element to its Parent with Absolute Positioning
26:31 22 Lock an Element to the Browser Window with Fixed Positioning
27:44 23 Push Elements Left or Right with the float Property
28:43 24 Change the Position of Overlapping Elements with the z-index Property
29:24 25 Center an Element Horizontally Using the margin Property
29:49 26 Learn about Complementary Colors
30:56 27 Learn about Tertiary Colors
32:28 28 Adjust the Color of Various Elements to Complementary Colors
33:45 29 Adjust the Hue of a Color
36:28 30 Adjust the Tone of a Color
38:04 31 Create a Gradual CSS Linear Gradient
29:17 32 Use a CSS Linear Gradient to Create a Striped Element
40:53 33 Create Texture by Adding a Subtle Pattern as a Background Image
41:36 34 Use the CSS Transform scale Property to Change the Size of an Element
42:13 35 Use the CSS Transform scale Property to Scale an Element on Hover
42:59 36 Use the CSS Transform Property skewX to Skew an Element Along the X-Axis
43:48 37 Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis
44:26 38 Create a Graphic Using CSS
46:03 39 Create a More Complex Shape Using CSS and HTML
49:14 40 Learn How the CSS @keyframes and animation Properties Work
53:45 41 Use CSS Animation to Change the Hover State of a Button
56:05 42 Modify Fill Mode of an Animation
56:58 43 Create Movement Using CSS Animation
1:00:08 44 Create Visual Direction by Fading an Element from Left to Right
1:01:10 45 Animate Elements Continually Using an Infinite Animation Count
1:03:02 46 Make a CSS Heartbeat using an Infinite Animation Count
1:04:53 47 Animate Elements at Variable Rates
1:05:19 48 Animate Multiple Elements at Variable Rates
1:06:09 49 Change Animation Timing with Keywords
1:07:07 50 Learn How Bezier Curves Work
1:08:06 51 Use a Bezier Curve to Move a Graphic
1:08:53 52 Make Motion More Natural Using a Bezier Curve


#freecodecamp #studywithme #studywithnova

Тэги:

#studywithme #study_with_me #study_with_nova #studywithnova #freecodecamp #freecodecamp_indonesia #freecodecamp_html #applied_accessibility_in_responsive_web_design #applied_accessibility #applied_visual_design

Скачать видео