Al mijn code voor Front End Development Jaar 2 Blok 1
Bronnen flexbox:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Bronnen grid:
https://css-tricks.com/snippets/css/complete-guide-grid/
Bronnen opacit:
https://love2dev.com/blog/responsive-hero-background-opacity/
https://www.w3schools.com/css/css_image_transparency.asp
Ik had een hover gemaakt waarmee de afbeelding van .5 opicty naar 1 ging maar ik heb er toch voor gekozen dit niet meer te gebruiken.
gradient background:
https://www.w3schools.com/css/css3_gradients.asp
Even snel opgezocht hoe de code hiervan ook alweer was.
Bronnen checkbox styling:
https://css-tricks.com/the-checkbox-hack/
https://stackoverflow.com/questions/7642277/css-styled-a-checkbox-to-look-like-a-button-is-there-a-hover
http://jsfiddle.net/zAFND/4/
flatlogic/awesome-bootstrap-checkbox#77
Range slider stylen:
https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_rangeslider
CSS Selectors:
https://tympanus.net/codrops/css_reference/nth-child/
https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators
SVG:
https://www.youtube.com/watch?v=lVuDLI9euI8
Semantiek, section vs article:
https://stackoverflow.com/questions/7549561/section-vs-article-html5
Animation:
https://www.youtube.com/watch?v=f1WMjDx4snI
https://css-tricks.com/snippets/css/keyframe-animation-syntax/