HTML5

HTML heeft veel tags die veel mensen elke dag gebruiken, zoals <div>, <p> en <a>. Maar er zijn ook enkele verborgen parels die vaak onopgemerkt blijven. Deze tags kunnen helpen om websites boeiender, toegankelijker en betekenisvoller te maken zonder veel extra moeite. In dit artikel bespreken we een groep unieke HTML-elementen die je webpagina’s kunnen verbeteren. Ze bieden specifieke functies voor het opmaken van tekst, het verbeteren van de leesbaarheid en het toevoegen van interactieve functies. Inhoudsopgave De <q> Tag:…

Heeft u ooit een eigen interactieve tool willen maken met alleen HTML, CSS en JavaScript? In dit artikel zullen we een leuk en eenvoudig project aansteken: een kleurenkiezer tool. Deze handige kleine tool zal de gebruikers toegestaan om elke kleur die ze maar wensen te selecteren en direct zijn HEX en RGB-waarden te zien. Dus pak uw favoriete codeeditor en laat’s beginnen! Stap 1: Uw project opzetten Maak een nieuwe map: Begin door een nieuwe map op uw computer aan…

Projecten bouwen is erg belangrijk voor het leren hoe je code schrijft. Als je een project maakt, breedt je je porftfolio uit en leert je hoe je je vaardigheden kunt toepassen in nieuwe situaties. We hebben net een 2-uurscursus uitgebracht op de YouTube-kanaal van freeCodeCamp.org Spanish die je stap voor stap doorbrengt met het bouwen van 3 projecten met HTML, CSS en JavaScript. Je zal je vaardigheden oefenen door een responsieve navigatiebalk met keuzemenus, een schuifregelaar en een landingspagina met…

HTML5 Canvas en SVG zijn beide standaardgebaseerde HTML5-technologieën die u kunt gebruiken om geweldige grafische en visuele ervaringen te creëren. De vraag die ik in dit artikel stel is de volgende: Zou het uitmaken welke je gebruikt in je project? Met andere woorden, zijn er bepaalde gebruiksscenario’s waarin HTML5 Canvas boven SVG wordt bevoordeeld? Laten we eerst even kort inleiden over HTML5 Canvas en SVG. Wat is HTML5 Canvas? Hier is hoe de WHATWG-specificatie de canvas-element introduceert: Het canvas-element biedt…

In deze tutorial gaan we diep ingaan op het weinig gebruikte HTML5-element <datalist>. Het kan een lichtgewicht, toegankelijk, cross-browser autocomplete formuliercontrole implementeren die geen JavaScript vereist. Wat is er mis met <select>? HTML5 <select>-controles zijn ideaal wanneer u wilt dat de gebruiker uit een kleine reeks opties kiest. Ze zijn minder praktisch wanneer: er veel opties zijn, zoals landen of beroepstitels de gebruiker een eigen optie wil invoeren die niet op de lijst staat De logische oplossing is een autocomplete-controle.…

In dit artikel bekijken we enkele eenvoudige manieren om het HTML-element <details> te stylen, wat een zeer handig element is voor het onthullen en verbergen van content op een webpagina. Het is handig om een eenvoudig onthullingselement in HTML te hebben dat geen JavaScript vereist, maar de standaardstijl van het <details> element kan voor sommigen een afschrikking zijn. Gelukkig is het vrij gemakkelijk om de stijl van dit element te wijzigen. De inhoudsopgave hieronder is een voorbeeld van het <details>…

In dit artikel bekijken we HTML-formuliervelden en de validatie-opties die worden aangeboden door HTML5. We zullen ook bekijken hoe deze kunnen worden verbeterd door gebruik te maken van CSS en JavaScript. Wat is Beperkende Validatie? Elk formulierveld heeft een doel. En dit doel wordt vaak beheerst door beperkingen – of de regels die bepalen wat wel en niet in elk formulierveld ingevoerd moet worden. Bijvoorbeeld, een email veld zal een geldig e-mailadres vereisen; een wachtwoord veld kan bepaalde soorten tekens…

Al enige tijd creëer ik deze 3D-scènes met CSS voor de lol — meestal tijdens mijn live stream. 3D CSS Responsieve Stunt Vliegtuig! 🛩️ Het doet loops en rollen! 😎 Reageert op muisbeweging 🐭 👉 https://t.co/A1zNmfEzzi via @CodePen pic.twitter.com/87D7LIXLr2 — Jhey 🐻🛠 (Exploring Opportunities ✨) (@jh3yy) March 27, 2021 Elke demo is een kans om iets anders te proberen of manieren te bedenken om dingen te doen met CSS. Een ding dat ik vaak doe, is suggesties inpikken voor wat…