Author: admin

Maak een schaalbare achtergrond met CSS

Het maken van een schaalbare achtergrond is tegenwoordig meer standaard dan uitzondering. Echter, een achtergrond afbeelding kan netjes schaalbaar zijn maar helaas toch uit verhouding. Dit komt omdat de hoogte van de afbeelding in ver… Meer

ScrollMagic

ScrollMagic is een makkelijke manier voor lastige animaties. ScrollMagic is een Javascript library speciaal voor het maken van animaties die getriggerd worden door scrollen.

Via https://ihatetomatoes.net/courses/ kun je hier een v… Meer

Sitemaps

In een sitemap teken je de onderlinge relaties tussen alle pagina’s van je website. Je tekent een schema waarop je kunt zien hoeveel pagina’s jouw website heeft en welke pagina direct vanaf de homepage zichtbaar is en welke pa… Meer

Photoshop animaties

Met Photoshop kun je eenvoudige animaties maken. Denk hierbij aan kleine repeterende afbeeldingen die je op je site kunt plaatsen. Ideaal voor een bannertje of om wat aandacht te trekken bij een (nieuws)items. De header afbeelding van de… Meer

Google map stijlen

Het is tegenwoordig vrij normaal om een Google map op je website te hebben om zo aan je bezoekers te laten zien waar je bedrijf zit. Omdat dit normaal is heb je zeer veel maps die op elkaar lijken. Immers, iedereen gebruikt dezelfde kaart. Wann… Meer

Google map toevoegen

Een gewone kaart insluiten is vrij eenvoudig. Echter, je kunt redenen hebben om de kaart qua kleurenpalet aan te passen aan je eigen website. In deze post vind je een aantal links naar sites die hier op in gaan. Eerst het insluiten van een gewo… Meer

Werken met een grid

Een grid is een opzet bestaande uit horizontale en verticale lijnen wat gebruikt wordt om je content mee te verdelen. Een grid helpt je om ruimte tussen kolommen, afbeeldingen en tekstvlakken overal even groot te laten zijn. Door met een gr… Meer

Wijzig the_loop met PHP

Met PHP kun je direct in de bestanden van WordPress werken. Je kunt ook met behulp van CSS de vormgeving van je thema wijzigen, bijvoorbeeld door bepaalde elementen in WordPress onzichtbaar maken. Maar dan moet de content alsnog wel gelade… Meer

Bestandsgrootte voor web

Vaak lezen en horen we dat afbeeldingen voor het web 72 pixels per inch moeten hebben (72ppi). Maar klopt dit? Moet dit echt zo zijn? In deze opdracht ga je dit zelf bekijken.

Opdracht Zoek een afbeelding van 300ppi op internet en van voldoend… Meer

Goede bestandsnamen gebruiken

Naming conventions gaat over het juist benamen van bestanden en mappen zodat mensen en servers er mee overweg kunnen. Het gaat ook om de plaatsing van je files. Zowel mens als server moeten weten waar bepaalde bestanden te vinden zijn. Er zi… Meer

Het _s thema

WordPress kent frameworks of starter templates. Een framework / starter template is de kale structuur van een WordPress website maar zonder opmaak. Er is geen sprake van vormgeving en het is niet bedoeld om zo te gebruiken. Het is overigen… Meer

Collapsing margin-top

Je kent het wellicht wel: je hebt een container gemaakt met daarin een header. De header heeft een aantal pixels margin-top maar tot je verbazing wordt deze margin-top toegekend aan de container en niet aan de header!

Opdracht

Probeer de dr… Meer

User stories

Om goed te begrijpen hoe je je website wilt indelen en welke informatie je wilt tonen is een userstory essentieel. Een user story is een korte, eenvoudige beschrijving over een product vanuit het perspectief van een persoon die dit wil gebr… Meer

Een print css maken

Het kan nuttig zijn om een apart stylesheet aan te maken voor een pagina die geprint moet worden. Bijvoorbeeld omdat je een kortingsbon wilt weggeven via internet of omdat je je cv printbaar wilt aanleveren aan een toekomstig werkgever. Om … Meer

Child selectoren

inline-block vs float

HTML elementen naast elkaar plaatsen kan op verschillende manieren. In deze korte tut wil ik float en inline-block bespreken. Optisch gezien is er weinig verschil tussen beiden. In beide gevallen komen de elementen naast elkaar te staan… Meer

Sitemaps

Voordat je met je site kunt beginnen moet je veel zaken al besloten hebben. Denk maar aan het doel van de website, de doelgroep, wat de klant wil bereiken. Je moet weten hoeveel inhoud je straks kwijt moet op je site, deze informatie heb je nodi… Meer

Formulieren stijlen

Formulieren stylen

In combinatie met tabellen of div’s kun je je formulier mooi opmaken. Dit doe je zodat je formulier in stijl met je website blijft maar dit doe je ook om het je gebruiker makkelijker te maken. Je kunt namelijk bij het opmaken van je formu… Meer

Formulieren

Een van de meest bekende manieren voor bezoekers om contact met je op te nemen is met behulp van een formulier. In tegenstelling tot een gewoon e-mail adres hoeft een gebruiker geen e-mail programma op te starten maar kan men direct, vanaf jo… Meer

Viewport meta tag

Met de viewport meta tag kun je de breedte en schaal van je website instellen voor mobiele apparaten. Dit is essentieel, je geeft namelijk weer wat 100% is. Doe je dit niet dan zal je website op een mobiel apparaat als gewone website getoond wo… Meer