In de vorige les hebben we bekeken hoe je LESS kunt compileren met de ingebouwde watcher in PhpStorm. In deze les maken we een thema op basis van SASS Bootstrap. Als het je niet lukt om met LESS en compilatie via PhpStorm te werken, kun je proberen Gulp en SASS te gebruiken. In deze fase van de lessen maakt het niet zoveel uit of we LESS of SASS gebruiken. Toch raad ik aan om SASS en Gulp te gebruiken, omdat compilatie sneller gaat en Gulp eenvoudiger te configureren is.
In deze video laten we zien hoe je blokken toevoegt met Youtube/Vimeo-video’s.
Video:
https://youtu.be/vpfcJQkNQww
PSD-lay-out:
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
In deze video stijlen we een blok met de nieuwste tweets.
PSD-lay-out:
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
In deze video maken we een blok met sociale pictogrammen met behulp van de Font Awesome-iconen.
PSD-lay-out:
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
In deze video maken we een blok met recensies via de module Views Slideshow.
In deze video maken we een feedbackformulier.
PSD-lay-out:
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
In deze video voltooien we de lay-out van de hoofdpagina en proberen we de Perfect Pixel-plugin te gebruiken:
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en