Een gradiënt is een kleurverloop. Dat kun je met photoshop maken, maar het kan ook met CSS. In deze tutorial vertel ik je hoe je een CSS gradiënt maakt. (meer…)
Categorie: CSS
-
Website responsive laten maken voor smartphone en tablet
Zoals ik al eerder schreef heeft Google bevestigd dat een responsive website een rankingfactor wordt voor smartphone gebruikers. Op 21 april wordt deze maatregel ingevoerd en naar verwachting zullen niet responsive websites daardoor een aanzienlijk deel van hun bezoekers gaan verliezen. Maar geen paniek; in principe kan iedere website responsive gemaakt worden. (meer…)
-
Responsive “hamburger” dropdown menu
Je komt ze steeds vaker tegen, vooral op tablets en smartphones: de zogenaamde hamburger dropdown menu’s. In deze tutorial leg ik stap voor stap uit hoe je zo’n menu maakt. (meer…)
-
Divs dezelfde hoogte geven met CSS faux columns
Heel veel websites beschikken tegenwoordig over een sidebar, wat eigenlijk gewoon een kolom naast de gewone content is. Meestal heeft de sidebar dezelfde kleur als de content div, maar wat nu als de sidebar een andere kleur moet krijgen dan de content div terwijl de hoogte verschilt? In deze tutorial beschrijf ik 2 manieren om dit te bereiken! (meer…)
-
Andere afbeelding bij hover
Als je een mooie button wilt maken kun je dat prima met CSS bereiken. Maar wat als je nu een afbeelding wilt gebruiken, en bij een hover een andere afbeelding wilt tonen? In deze tutorial legt Bob de webbouwer je uit hoe je dat voor elkaar kunt krijgen, met alleen de afbeeldingen en een beetje css… (meer…)
-
Responsive design tutorial : hoe maak je een responsive website
Zoals je misschien wel is opgevallen is Bobdewebbouwer.com voorzien van een responsive design, wat wil zeggen dat deze website zich automatisch aanpast aan het apparaat waarop hij bekeken wordt. Zo ziet deze website er op je PC anders uit dan op een tablet en weer anders op een mobiele telefoon. In deze tutorial lees je hoe dat werkt! (meer…)
-
CSS dropdown menu
Usability experts adviseren dat de hoofdnavigatie van je website niet meer dan 9 items bevat. Dat is voor veel websites ook meer dan genoeg, maar als je een uitgebreide website hebt kun je natuurlijk behoefte hebben aan een uitgebreider menu. In zo’n geval is een dropdown menu een logische keuze. (meer…)
-
Een navigatie menu maken met HTML en CSS
Het navigatiemenu is één van de belangrijkste onderdelen van je website. In deze tutorial lees je hoe je een navigatiemenu maakt met HTML en CSS. Deze tutorial is onderdeel van de webdesign basics reeks en daarom wordt alles uitvoerig uitgelegd (ook de dingen die misschien erg voor de hand liggen). (meer…)
-
Schaduw met CSS 3
Vind je de schaduwrand onder het menu op deze website ook zo mooi en wil je dat ook op jouw website?
In deze CSS tutorial lees je hoe schaduw kunt maken met CSS 3! (meer…) -
Ronde hoeken met CSS 3
In deze CSS tutorial lees je hoe je afgeronde hoeken maakt met CSS 3. (meer…)