HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

CSS -zelfstudie

CSS HOME CSS-introductie CSS-syntaxis CSS-kiezers CSS-handleiding CSS-opmerkingen CSS-kleuren
kleuren RGB HEX HSL
CSS-achtergronden
Achtergrond kleur Achtergrond afbeelding achtergrond herhaling Achtergrondbijlage Achtergrond steno
CSS-randen
grenzen Grensbreedte Rand kleur Rand Zijkanten Grens steno Afgeronde randen
CSS-marges
Marges Marge samenvouwen
CSS-opvulling CSS Hoogte/Breedte CSS-boxmodel CSS-overzicht
Overzicht Breedte omtrek Omtrekkleur Overzicht steno Omtrekverschuiving
CSS-tekst
Tekst kleur Tekstuitlijning Tekst Decoratie Tekst transformatie Tekstafstand Schaduw tekst
CSS-lettertypen
Lettertypefamilie Lettertype Web Safe Terugval lettertypen Lettertype Lettertypegrootte Lettertype Google Lettertypekoppelingen Lettertype steno
CSS-pictogrammen CSS-links CSS-lijsten CSS-tabellen
Tafelranden Tafelgrootte: Tabel Uitlijning Tafelstijl Tabel Responsief
CSS-weergave CSS Max-breedte CSS-positie CSS Z-index CSS-overloop CSS zweven
Vlot Duidelijk Float-voorbeelden
CSS Inline-blok CSS uitlijnen CSS-combinaties CSS Pseudo-klasse CSS Pseudo-element CSS-dekking CSS-navigatiebalk
navigatiesysteem Verticale navigatiebalk Horizontale navigatiebalk
CSS-dropdownmenu's CSS-afbeeldingengalerij CSS-afbeeldingssprites CSS Attr-kiezers CSS-formulieren CSS-tellers CSS-websitelay-out CSS-eenheden CSS-specificiteit CSS !belangrijk CSS wiskundige functies

CSS Geavanceerd

CSS afgeronde hoeken CSS-randafbeeldingen CSS-achtergronden CSS-kleuren CSS-kleurzoekwoorden CSS-verlopen
Lineaire verlopen Radial Gradients Conic Gradients
CSS-schaduwen
Shadow Effects Box Shadow
CSS-teksteffecten CSS-weblettertypen CSS 2D-transformaties CSS 3D-transformaties CSS-overgangen CSS-animaties CSS-tooltips Afbeeldingen in CSS-stijl CSS-beeldreflectie CSS-object-fit CSS-objectpositie CSS-maskering CSS-knoppen CSS-Paginering CSS Meerdere kolommen CSS-gebruikersinterface CSS-variabelen
The var() Function Overriding Variables Variables and JavaScript Variables in Media Queries
Grootte van CSS-box CSS-mediaquery's CSS MQ-voorbeelden CSS Flexbox
CSS Flexbox CSS Flex Container CSS Flex Items CSS Flex Responsive

CSS Responsief

RWD Intro RWD-kijkpoort RWD-rasterweergave RWD-mediaquery's RWD-afbeeldingen RWD-video's RWD-frameworks RWD-sjablonen

CSS- raster

Rasterintro Rastercontainer Rasteritem

CSS SASS

SASS-zelfstudie

CSS- voorbeelden

CSS-sjablonen CSS-voorbeelden css-quiz CSS-oefeningen CSS-certificaat

CSS- referenties

CSS-referentie CSS-kiezers CSS-functies CSS Referentie Auditief CSS webveilige lettertypen CSS animeerbaar CSS-eenheden CSS PX-EM-converter CSS-kleuren CSS-kleurwaarden CSS-standaardwaarden Ondersteuning voor CSS-browser

Responsief webdesign - Inleiding

❮ Vorig Volgende ❯

Wat is responsive webdesign?

Responsive webdesign zorgt ervoor dat uw webpagina er op alle apparaten goed uitziet.

Responsive webdesign gebruikt alleen HTML en CSS.

Responsive webdesign is geen programma of JavaScript.

Ontwerpen voor de beste ervaring voor alle gebruikers

Webpagina's kunnen op veel verschillende apparaten worden bekeken: desktops, tablets en telefoons. Uw webpagina moet er goed uitzien en gebruiksvriendelijk zijn, ongeacht het apparaat.

Webpagina's mogen geen informatie weglaten om op kleinere apparaten te passen, maar de inhoud ervan aanpassen aan elk apparaat:



Bureaublad

Tablet

Telefoon

Het wordt responsief webdesign genoemd wanneer u CSS en HTML gebruikt om de inhoud te vergroten of verkleinen, te verbergen, te verkleinen, te vergroten of te verplaatsen om het er op elk scherm goed uit te laten zien.

Maak je geen zorgen als je het onderstaande voorbeeld niet begrijpt, we zullen de code stap voor stap opsplitsen in de volgende hoofdstukken:



❮ Vorig Volgende ❯