CodeW3C.com Treasure Chest
- Previous page CodeW3C.com Treasure Chest
- Next page Icon bar
CodeW3C.com Treasure Chest
Welkom in de kleurrijke wereld van de frontend. U kunt hier diepgaand leren over gebruikelijke interactieve interface-elementen en interactie-methoden.
Wij hebben voor u honderden voorbeelden en duizenden codefragmenten voorbereid om u te helpen met praktische training.
Deze voorbeelden zijn zeer uitstekend:
- Stapsgewijze uitleg
- Duidelijke annotaties
- Interactieve paginademonstratie
- Online TIY-test
- Aantrekkelijk, hoge beschikbaarheid, hoge herbruikbaarheid
- Originale HTML, CSS, JavaScript
Wij hopen dat u een plezierig en efficiënt leerervaring krijgt!
Inhoudsopgave
- Icon bar
- Menu-pictogram
- Accordeon
- Tab
- Verticale tab
- Tab-titel
- Volledige pagina-tab
- Hover-tab
- Bovenste navigatie
- Responsieve bovenste navigatie
- Gesplitst navigatiemenu
- Navigatiemenu met pictogrammen
- Zoekmenu
- Zoekbalk
- Vaste zijkant
- Zijkant navigatie
- Responsieve zijkant
- Volledig scherm navigatie
- Menu buiten canvas
- Hover zijkant navigatie knop
- Zijkant met pictogram
- Horizontaal scrollend menu
- Verticale menu
- Bodem navigatie
- Responsieve bodem navigatie
- Bodemrand navigatie link
- Rechts uitgelijnd menu link
- Gecentreerd menu link
- Equetriaal menu link
- Vaste menu
- Navigatiebalk naar beneden bij scrollen
- Navigatiebalk verbergen bij scrollen
- Navigatiebalk verkleinen bij scrollen
- Plakbare navigatiebalk
- Navigatiebalk op afbeelding
- Hangend uitklapmenu
- Klik uitklapmenu
- Gecascadeerd uitklapmenu
- Uitklapmenu in bovenste navigatiebalk
- Uitklapmenu in zijkant navigatiebalk
- Responsieve navigatiebalk met uitklapmenu
- Subnavigatiemenu
- Uitklapmenu
- Supermenu
- Mobiele menu
- Gordijnmenu
- Samengeklapte zijkant
- Samengeklapte zijkant panel
- Paginering
- Kruideniers navigatie
- Knopgroep
- Verticale knopgroep
- Plakbare sociale kolom
- Dropper navigatie
- Responsieve kop
- Diavoorstelling
- Diavoorstelling galerij
- Modaal beeld
- Lichtbox
- Responsieve afbeeldingsgrijp
- Afbeeldingsgrijp
- Afbeeldingsbibliotheek
- Scrollbare afbeeldingsbibliotheek
- Tabbladachtige afbeeldingsbibliotheek
- Afbeeldingsoverlappend vervagen
- Afbeeldingsoverlappend schuiven
- Afbeeldingsoverlappend zoom
- Afbeeldingsoverlappend titel
- Afbeeldingsoverlappend pictogram
- Afbeeldingseffect
- Zwart-wit afbeelding
- Afbeeldingstekst
- Afbeeldingstekst blok
- Transparante afbeeldingstekst
- Volledige pagina afbeelding
- Formulier op afbeelding
- Focus afbeelding
- Vage achtergrondafbeelding
- Achtergrond wisselen bij scrollen
- Naast elkaar afbeeldingen
- Afgeronde afbeelding
- Profielfoto
- Responsieve afbeelding
- Centrische afbeelding
- Miniatuur
- Afbeeldingsrand
- Teamintroduktie
- Plakbare afbeelding
- Gevolgd afbeelding
- Trillende afbeelding
- Portfolio galerij
- Zoekbare portfolio
- Afbeeldingsvergroting
- Afbeeldingsvergrootglas
- Afbeeldingsvergelijkingsknop
- Website pictogram
- Waarschuwing knop
- Contour knop
- Splitsing knop
- Animatie knop
- Overgang knop
- Knop op afbeelding
- Sociale media knop
- Meer lezen/ minder lezen
- Laden knop
- Download knop
- Dropper knop
- Melding knop
- Pictogram knop
- Volgende/voorgaande pagina knop
- Meer knoppen in navigatie
- Blokknop
- Tekst knop
- Afgeronde knop
- Terug naar boven knop
- Inlogformulier
- Registratieformulier
- Afrekeningsformulier
- Contactformulier
- Sociale login tabel
- Aanmeldingsformulier
- Formulier met pictogram
- Nieuwsabonnement
- Gezette formulier
- Responsief formulier
- Pop-up formulier
- Inline formulier
- Invoervak wissen
- Cijferpijlen verbergen
- Tekst kopiëren naar klembord
- Animatie zoektocht
- Zoekknop
- Volledig scherm zoektocht
- Invoervak in navigatiebalk
- Inlogvorm in navigatiebalk
- Aangepaste keuzevakken/radioknoppen
- Aangepaste keuzevak
- Schakelaar wisselen
- Selecteer keuzevak
- Hoofdletterlock detecteren
- Knop activeren met enter toets
- Wachtwoord verificatie
- Wissel wachtwoord zichtbaarheid
- Meervoudige stapvormige formulier
- Automatische voltooiing
- Automatische voltooiing sluiten
- Spellingcontrole sluiten
- Bestand upload knop
- Lege invoer validatie
- Volledige scherm video
- Modaal venster
- Verwijder modaal venster
- Tijdlijn
- Scroll indicator
- Voortgangsbalk
- Vaardigheidsbalk
- Bereik schuifregelaar
- Kleurenpicker
- E-mail veld
- Hulptekst
- Hover elementen tonen
- Pop-up venster
- Vouwbare inhoud
- Kalender
- HTML bevat
- Takenlijst
- Lader
- Embleem
- Sterbeoordeling
- Gebruikerscijfers
- Overlapping effect
- Contact chip
- Kaart
- Omgekeerde kaart
- Profielkaart
- Productkaart
- Waarschuwing
- Pop-up venster
- Notities
- Tag
- Band
- Tagwolk
- Cirkel
- Styliseerde horizontale lijn
- Korting
- Lijstgroep
- Lijstgroep met emblemen
- Lijst zonder lijstpunten
- Responsieve tekst
- Schaduw tekst
- Glimmende tekst
- Vaste voettekst
- Sticky elementen
- Gelijke hoogte
- Zwevende uitwissen
- Responsieve zwevende
- Meldingsbalk
- Volledige scherm venster
- Scrollen tekenen
- Gelijke scrollen
- Gelijke achtergrondscrollen
- Sticky koptekst
- Koptekst verkleinen bij scrollen
- Prijslijst
- Parallax scrollen
- Breedte/hoogte verhouding
- Responsieve inline frame
- Vinden/ontvinden schakelen
- Verbergen/tonen schakelen
- Donkere modus schakelen
- Tekst schakelen
- Klasse schakelen
- Klasse toevoegen
- Klasse verwijderen
- Klasse wijzigen
- Actieve klasse
- Boomstructuurweergave
- Decimaal verwijderen
- Eigenschappen verwijderen
- Offline detectie
- Verborgen elementen vinden
- Webpagina herleiden
- Numerieke format
- Hover zoom
- Keerdoende doos
- Verticaal gecentreerd
- Gecentreerde knoppen in DIV
- Gecentreerde lijst
- Hover overgang
- Pijl
- Vorm
- Download link
- Volledige hoogte elementen
- Browser venster
- Aangepaste schuifbalk
- Schuifbalk verbergen
- Weergave/forceren weergave schuifbalk
- Apparaat uiterlijk
- Bereikbare inhoud rand
- Placeholder kleur
- Tekst gebied grootte aanpassen uitschakelen
- Tekst selectie uitschakelen
- Tekst selectie kleur
- Lijst item kleur
- Verticale lijn
- Splitsingslijn
- Tekst splitsingslijn
- Animatie pictogrammen
- Teller timer
- Typemachine effect
- Aanstaande lancering pagina
- Chatberichten
- Pop-up chatvenster
- Schermverdeling
- Klantbeoordelingen
- Blok teller
- Citaat diavoorstelling
- Klosse lijstitems
- Typische apparaat breukpunten
- Draggable HTML elementen
- JS media queries
- Syntax highlighter
- JS animaties
- JS stringlengte
- JS exponentiële berekeningen
- JS standaard parameters
- JS willekeurige getallen
- JS numerieke array sorteren
- How to implement: JS spread operator
- How to implement: JS scroll to view
- How to implement: get current date
- How to implement: get current URL
- How to implement: get current screen size
- How to implement: get iframe element
- Previous page CodeW3C.com Treasure Chest
- Next page Icon bar
