Controlelijst voor CSS- en browsercompatibiliteit

Een praktische checklist voor veerkrachtige lay-outs in moderne browsers en apparaten.

• Begin met semantische HTML en een leesbare lay-out zonder JavaScript.
• Gebruik functiequery's zoals @steunt wanneer verbetering afhankelijk is van een CSS-functie.
• Test de toetsenbordfocus, zoom tot 200%, verminderde beweging, donkere modus en geforceerde kleuren.
• Vermijd vaste hoogtes voor tekstcontainers; laat wikkelen en uitzetten toe.
• Bied fallbacks voor nieuwere kleurfuncties, containerquery's en geavanceerde selectors wanneer uw publiek deze nodig heeft.
• Test Safari/iOS, Chromium en Firefox in plaats van op één engine te vertrouwen.
• Gebruik logische eigenschappen voor meertalige lay-outs en lay-outs van rechts naar links.
• Controleer afdrukstijlen en formulierbesturingselementen, niet alleen de visuele hoofdindeling.

Nuttig gegenereerde CSS-tools

CSS-rastergenerator, CSS-klemcalculator, en CSS-gradiëntgenerator.