Companies Home Search Profile

Tiny CSS Projects, Video Edition

Focused View

8:45:15

480 View
  • 001. Chapter 1. CSS introduction.mp4
    08:06
  • 002. Chapter 1. Getting started with CSS by creating an article layout.mp4
    03:58
  • 003. Chapter 1. Adding CSS to our HTML.mp4
    07:35
  • 004. Chapter 1. The cascade of CSS.mp4
    09:25
  • 005. Chapter 1. Specificity in CSS.mp4
    03:50
  • 006. Chapter 1. CSS selectors.mp4
    22:48
  • 007. Chapter 1. Different ways to write CSS.mp4
    04:22
  • 008. Chapter 1. Summary.mp4
    00:59
  • 009. Chapter 2. Designing a layout using CSS Grid.mp4
    04:16
  • 010. Chapter 2. Display grid.mp4
    02:21
  • 011. Chapter 2. Grid tracks and lines.mp4
    10:06
  • 012. Chapter 2. Grid template areas.mp4
    06:17
  • 013. Chapter 2. Media queries.mp4
    01:43
  • 014. Chapter 2. Accessibility considerations.mp4
    03:06
  • 015. Chapter 2. Summary.mp4
    01:34
  • 016. Chapter 3. Creating a responsive animated loading screen.mp4
    02:23
  • 017. Chapter 3. SVG basics.mp4
    12:23
  • 018. Chapter 3. Applying styles to SVGs.mp4
    04:52
  • 019. Chapter 3. Animating elements in CSS.mp4
    20:43
  • 020. Chapter 3. Accessibility and the prefers-reduced-motion media query.mp4
    04:12
  • 021. Chapter 3. Styling an HTML progress bar.mp4
    11:51
  • 022. Chapter 3. Summary.mp4
    01:21
  • 023. Chapter 4. Creating a responsive web newspaper layout.mp4
    17:58
  • 024. Chapter 4. Using CSS counters.mp4
    06:22
  • 025. Chapter 4. Styling images.mp4
    07:54
  • 026. Chapter 4. Using the CSS Multi-column Layout Module.mp4
    08:29
  • 027. Chapter 4. Adding the finishing touches.mp4
    05:41
  • 028. Chapter 4. Summary.mp4
    01:05
  • 029. Chapter 5. Summary cards with hover interactions.mp4
    03:49
  • 030. Chapter 5. Laying out the page using grid.mp4
    05:45
  • 031. Chapter 5. Styling the header using the background-clip property.mp4
    06:11
  • 032. Chapter 5. Styling the cards.mp4
    07:31
  • 033. Chapter 5. Using transitions to animate content on hover and focus-within.mp4
    07:11
  • 034. Chapter 5. Summary.mp4
    01:31
  • 035. Chapter 6. Creating a profile card.mp4
    02:28
  • 036. Chapter 6. Setting CSS custom properties.mp4
    02:26
  • 037. Chapter 6. Creating full-height backgrounds.mp4
    02:15
  • 038. Chapter 6. Styling and centering the card using Flexbox.mp4
    03:52
  • 039. Chapter 6. Styling and positioning the profile picture.mp4
    05:07
  • 040. Chapter 6. Setting the background size and position.mp4
    03:52
  • 041. Chapter 6. Styling the content.mp4
    14:21
  • 042. Chapter 6. Styling the actions.mp4
    02:32
  • 043. Chapter 6. Summary.mp4
    01:13
  • 044. Chapter 7. Harnessing the full power of float.mp4
    13:04
  • 045. Chapter 7. Styling the quote.mp4
    01:32
  • 046. Chapter 7. Curving text around the compass.mp4
    09:31
  • 047. Chapter 7. Wrapping text around the dog.mp4
    06:22
  • 048. Chapter 7. Summary.mp4
    00:58
  • 049. Chapter 8. Designing a checkout cart.mp4
    04:01
  • 050. Chapter 8. Theming.mp4
    20:05
  • 051. Chapter 8. Mobile layout.mp4
    12:57
  • 052. Chapter 8. Medium screen layout.mp4
    06:13
  • 053. Chapter 8. Wide screens.mp4
    04:41
  • 054. Chapter 8. Summary.mp4
    01:08
  • 055. Chapter 9. Creating a virtual credit card.mp4
    04:02
  • 056. Chapter 9. Creating the layout.mp4
    11:45
  • 057. Chapter 9. Working with background images.mp4
    06:13
  • 058. Chapter 9. Typography.mp4
    11:49
  • 059. Chapter 9. Creating the flipping-over effect.mp4
    09:48
  • 060. Chapter 9. Border radius.mp4
    00:55
  • 061. Chapter 9. Box and text shadows.mp4
    03:23
  • 062. Chapter 9. Wrapping up.mp4
    01:03
  • 063. Chapter 9. Summary.mp4
    01:22
  • 064. Chapter 10. Styling forms.mp4
    03:03
  • 065. Chapter 10. Resetting fieldset styles.mp4
    01:10
  • 066. Chapter 10. Styling input fields.mp4
    25:42
  • 067. Chapter 10. Styling drop-down menus.mp4
    02:44
  • 068. Chapter 10. Styling labels and legends.mp4
    00:54
  • 069. Chapter 10. Styling the placeholder text.mp4
    01:45
  • 070. Chapter 10. Styling the Send button.mp4
    01:09
  • 071. Chapter 10. Error handling.mp4
    08:09
  • 072. Chapter 10. Adding hover and focus styles to form elements.mp4
    04:15
  • 073. Chapter 10. Handling forced-colors mode.mp4
    03:58
  • 074. Chapter 10. Summary.mp4
    01:43
  • 075. Chapter 11. Animated social media share links.mp4
    05:39
  • 076. Chapter 11. Setting up.mp4
    01:58
  • 077. Chapter 11. Sourcing icons.mp4
    02:38
  • 078. Chapter 11. Styling the block.mp4
    01:42
  • 079. Chapter 11. Styling the elements.mp4
    09:50
  • 080. Chapter 11. Animating the component.mp4
    11:14
  • 081. Chapter 11. Summary.mp4
    01:17
  • 082. Chapter 12. Using preprocessors.mp4
    08:25
  • 083. Chapter 12. Sass variables.mp4
    05:49
  • 084. Chapter 12. @mixin and @includ.mp4
    06:26
  • 085. Chapter 12. Nesting.mp4
    02:39
  • 086. Chapter 12. @each.mp4
    05:13
  • 087. Chapter 12. Color functions.mp4
    02:05
  • 088. Chapter 12. @if and @else.mp4
    02:06
  • 089. Chapter 12. Final thoughts.mp4
    01:24
  • 090. Chapter 12. Summary.mp4
    01:23
  • 091. Appendix. Working with vendor prefixes and feature flags.mp4
    04:19
  • More details


    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category

    CSS

    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 91
    • duration 8:45:15
    • Release Date 2024/06/14