- Introductie
- 1 Introductie webdesign en layout met css infoBekijk gratis 01:42
- 2 De Webeditor Brackets03:07
- Starten met CSS
- 3 Wat is CSS infoBekijk gratis 04:37
- 4 CSS in werking inline, intern- en extern stijlblad05:25
- 5 CSS schrijven01:36
- 6 De reset CSS versus Normalize03:44
- 7 De css-selectors (html-tag,id, class)04:58
- 8 De pseudo-class selectors02:51
- De box
- 9 Het boxmodel (block-level & inline elementen)02:19
- 10 De boxeigenschappen (margin, padding & border)04:36
- 11 Vormgeven van de box (box-sizing)04:03
- 12 Collapsing margins02:58
- 13 Boxeigenschappen voor inline elements02:21
- 14 Boxeigenschappen voor inline block elements infoBekijk gratis 02:48
- Responsive layout met css-grid
- 15 Uitleg van het css-grid infoBekijk gratis 02:43
- 16 Creëren van grid ,-columns & -rows (grid-template)04:15
- 17 Layouten met gridlijnen(grid-column & -row)05:35
- 18 Layouten met grid-areas (grid-area-template)04:39
- 19 Kolomwit en rijwit toepassen (grid-gap)02:44
- Responsive met mediaquerie en flexbox
- 20 Uitleg van css-responsive design (@media) infoBekijk gratis 04:22
- 21 Responsive design met mediaqueries (min-width)05:35
- 22 Uitleg van flexbox03:03
- 23 Verticaal layouten met flexbox03:51
- 24 Horizontaal layouten met flexbox04:13
- Responsive met afbeeldingen
- 25 Vector- versus pixelafbeeldingen03:10
- 26 Afbeeldingen responsive maken met css05:31
- 27 Afbeelding en box-eigenschappen vormgeven04:31
- 28 Randen vormgeven om afbeelding (border & -radius)04:05
- 29 Tekstomloop met Float04:02
- Fontgrootte en lettertypes - Font-properties
- 30 Font-size bepalen met pixels, em of rem04:30
- 31 Font-size opgeven met rem04:35
- 32 Lettertype bepalen met Font-family (websave fonts)04:18
- 33 Google webfonts toepassen in css03:57
- 34 Font-weight, font-style en font-variant03:37
- 35 Interlinie bepalen (line-height)02:08
- 36 Shorthand notation voor font-properties03:57
- Teksten vormgeven - Text-properties
- 37 Text-indent: Tekst in laten springen02:15
- 38 Text-align: Tekst uitlijnen (CSS3 text-align-last, text-justify)01:41
- 39 Text-transform: Hoofd en kleine letters toepassen02:09
- 40 Text-decoration: Onderstrepen van teksten en links05:06
- 41 Tekst van schaduw of gloed voorzien (Shadow)02:12
- Kleuren en kleurschema's kiezen
- 42 CSS-kleuren hexadecimaal, rgb & hsl (color)04:53
- 43 Kleurenschema samenstellen (colorscheme)03:00
- 44 Kleurenschema definiëren met variabele (variable)05:48
- Vormgeven van lijsten
- 45 Soort lijst bepalen met list-style-type03:08
- 46 Illustratie als opsommingsteken met list-style-image03:55
- 47 Toepassen van list-style-position & boxeigenschappen03:20
- 48 Shorthand notation voor list-style eigenschappen01:06
- 49 Lijst vormgeven als horizontaal menu04:45
- Vormgeven van achtergrond, background
- 50 Background-color toepassen05:12
- 51 Background-image toepassen04:06
- 52 Background-repeat toepassen03:11
- 53 Background-position toepassen03:04
- 54 Background-attachment toepassen01:43
- 55 Shorthand notation voor background-properties01:53
- Pseudo class en element
- 56 Toepassing van Pseudo class & element01:57
- 57 Pseudo-element first-letter & first-line02:29
- 58 Pseudo-element before & after04:42