Lessenaar

Kist van wonderen

• CodeW3C.com Toolbox

Menu

• Pictogrambalk
• Menu pictogram
• Accordeon
• Tabblad
• Verticale tabbladen
• Tabblad titel
• Volledige pagina tabbladen
• Hover tabbladen
• Bovenste navigatie
• Responsieve bovenste navigatie
• Gesplitst navigatie
• Navigatiebalk met pictogrammen
• Zoekmenu
• Zoekbalk
• Vaste zijbalk
• Zij navigatie
• Responsieve zijbalk
• Volledig scherm navigatie
• Menu buiten canvas
• Hover zijbalkknoppen
• Zijbalk met pictogrammen
• Horizontaal scrollend menu
• Verticale menu
• Onderste navigatie
• Responsieve onderste navigatie
• Navigatiekoppeling met onderste borden
• Rechts uitgelijnde menukoppeling
• Gecentreerde menukoppeling
• Echtbreed menukoppeling
• Vaste menu
• Navigatiebalk naar beneden schuiven bij scrollen
• Navigatiebalk verbergen bij scrollen
• Navigatiebalk verkleinen bij scrollen
• Kleef navigatiebalk
• Navigatiebalk op beeld
• Hang uitklapmenu
• Klik uitklapmenu
• Gecascadeerde uitklapmenu
• Uitklapmenu in bovenste navigatiebalk
• Uitklapmenu in zijkant navigatiebalk
• Responsieve navigatiebalk met uitklapmenu
• Sub navigatie menu
• Opklap menu
• Super menu
• Mobiel menu
• Gordijn menu
• Samengeklapte zijkant
• Samengeklapte zijkant paneel
• Paginering
• Kruimelpad navigatie
• Knopgroep
• Verticale knopgroep
• Kleef sociale kolom
• Droplet navigatie
• Responsieve kop

Beeld

• Diavoorstelling
• Diavoorstelling galerij
• Modaal beeld
• Lichtbox
• Responsief beeld raster
• Beeld raster
• Beeld bibliotheek
• Scrolbare beeld bibliotheek
• Tab kaart beeld bibliotheek
• Beeld overheids uitdunnen
• Beeld overheids schuiven
• Beeld overheids zoomen
• Beeld overheids titel
• Beeld overheids icoon
• Beeld effect
• Zwart-wit beeld
• Beeld tekst
• Beeld tekst blok
• Transparant beeld tekst
• Volledige pagina beeld
• Formulier op beeld
• Focus beeld
• Vervaagde achtergrondafbeelding
• Wissel achtergrond bij scrollen
• Naastgelegen afbeeldingen
• Ronde afbeelding
• Profielfoto
• Responsief beeld
• Gecentreerd beeld
• Miniaturen
• Beeld rand
• Team introductie
• Kleefbeeld
• Beeld omdraaien
• Trillend beeld
• Collectie galerij
• Zoekbare collectie
• Beeld zoomen
• Beeld vergrootglas
• Beeldvergelijkings schuifbalk
• Website icoon

Knop

• Waarschuwing knop
• Contour knop
• Splits knop
• Animatieknop
• Gradatie knop
• Knop op afbeelding
• Sociale media knop
• Meer lezen/veel minder lezen
• Laden knop
• Download knop
• Droplet knop
• Melding knop
• Icoon knop
• Volgende/voorgaande pagina knop
• Meer knop in navigatie
• Blok knop
• Tekst knop
• Ronde knop
• Terug naar boven knop

Formulier

• Inlog formulier
• Registratie formulier
• Afrekenen tabel
• Contact formulier
• Sociale login tabel
• Registratie formulier
• Icoon formulier
• Nieuwsabonnement
• Gestapelde formulier
• Responsief formulier
• Pop-up formulier
• Inline formulier
• Wis invoervak
• Verberg getal pijl
• Tekst kopiëren naar klembord
• Animatie zoek
• Zoekknop
• Volledig scherm zoek
• Invoervak in navigatiebalk
• Inlogformulier in navigatiebalk
• Aangepaste keuzevak/keuzevak
• Aangepaste keuzevak
• Schakelaar wisselen
• Selecteer keuzevak
• Hoofdletterlock detecteren
• Knop activeren met enter toets
• Wachtwoord validatie
• Wissel wachtwoord zichtbaarheid
• Meerdere stappen formulier
• Automatisch invullen
• Automatisch invullen sluiten
• Spellingcontrole sluiten
• Bestand upload knop
• Lege invoer validatie

Filter

• Filter lijst
• Filter tabel
• Filter element
• Filter uitklapmenu
• Gesorteerde lijst
• Gesorteerde tabel

Tabel

• Zebrastraat tabel
• Gecentreerde tabel
• Volbreed tabel
• Geïntegreerde tabel
• Naastgelegen tabel
• Responsieve tabel
• Contrast tabel

Meer

• Volledig scherm video
• Modaal venster
• Verwijder modaal venster
• Tijdlijn
• Schuifwijzer
• Voortgangsbalk
• Vaardigheidsbalk
• Bereik schuifbalk
• Kleurenkeuze
• E-mail veld
• Tooltip
• Hover element tonen
• Pop-up venster
• Klapbare inhoud
• Kalender
• HTML bevat
• Lijst met taken
• Lader
• Embleem
• Sterbeoordeling
• Gebruikersbeoordeling
• Overlappend effect
• Contact chip
• Kaart
• Omdraaiende kaart
• Profiel kaart
• Product kaart
• Waarschuwing
• Hint
• Aantekening
• Tag
• Strook
• Tagwolk
• Cirkel
• Styliseerde horizontale lijn
• Kortingsbon
• Lijst met groepen
• Lijst met emblemen
• Lijst zonder lijstpunten
• Responsieve tekst
• Schaduw tekst
• Lichtgevende tekst
• Vaste voettekst
• Vastzittende elementen
• Gelijkhoogte
• Zweven wissen
• Responsieve zwevende
• Berichtenbalk
• Volledig scherm venster
• Scrollen tekenen
• Glad scrollen
• Achtergrond kleur wisselen bij scrollen
• Lijst met vastzittende koppen
• Hoofdbalk verkleinen bij scrollen
• Prijslijst
• Parallax scrollen
• Breedte/hoogte verhouding
• Responsieve inline frame
• Vinden/ontvinden schakelen
• Verbergen/tonen schakelen
• Donker modus schakelen
• Tekst schakelen
• Klasse schakelen
• Klasse toevoegen
• Klasse verwijderen
• Klasse wijzigen
• Actieve klasse
• Boomweergave
• Decimaal verwijderen
• Eigenschap verwijderen
• Offline detectie
• Verborgen elementen vinden
• Webpagina omleiden
• Getal formatteer
• Hover zoomen
• Omgekeerde doos
• Verticaal centreren
• Knop centreren in DIV
• Centrale lijst
• Hover overgang
• Pijl
• Vorm
• Download link
• Volledige hoogte element
• Browser venster
• Aangepaste schuifbalk
• Schuifbalk verbergen
• Scherm/Forceren weergave schuifbalk
• Apparaat uiterlijk
• Berging van bewerkbaar inhoud
• Placeholder kleur
• Tekst gebiedgrootte aanpassen uitschakelen
• Tekst selectie uitschakelen
• Tekst selectie kleur
• Itemtekst kleur
• Verticale lijn
• Scheidingslijn
• Tekst scheidingslijn
• Animatie pictogram
• Aftellen timer
• Typemachine effect
• Aanstaande pagina
• Chatbericht
• Pop-up chatvenster
• Schermverdeling
• Klantbeoordeling
• Blok teller
• Citaat diavoorstelling
• Sluitbare lijstitems
• Typische apparaat breukpunten
• Draggable HTML elementen
• JS media query
• Syntax verlichter
• JS animatie
• JS string lengte
• JS exponentiële berekening
• JS standaard parameter
• JS willekeurige getallen
• JS numerieke array sorteren
• JS uitbreidingsoperator
• JS naar het uitzicht scrollen
• Huidige datum ophalen
• Huidige URL ophalen
• Huidige schermgrootte ophalen
• Iframe element ophalen

Raster

• Twee kolommen layout
• Drie kolommen layout
• Vier kolommen layout
• Uitgebreid raster
• Lijst rasterweergave
• Gemengde kolom layout
• Kolom kaarten
• Z-geleide layout
• Blog layout

Conversie

• Gewicht conversie
• Temperatuur conversie
• Lengte conversie
• Snelheid conversie

Optieel cursus

Cursus aanbeveling:

• CodeW3C.com Toolbox

Toolbox

JavaScript en HTML DOM Referentiemanual

JavaScript Voorbeelden

JavaScript Quiz

Hooggeleerde JavaScript Tutorial

Sponsorlink