Progressive enhancement - svennijhuis/Blok-tech GitHub Wiki

Mijn applicatie is progressive enhancement dit heb ik bereikt, omdat de applicatie niet afhankelijk is van css en JavaScript. De meeste oude webbrowser hebben moeite met nieuwe css en sommige Javascript onderdelen.

Volgorde hoe je moet denken als je gaat coderen:

1. HTML
2. Css
3. JavaScript

Bekijk hier de pagina zonder Css en Javascript

Bekijk hier de pagina met Css en Javascript

Voorbeeld hoe ik progressive enhancement heb bereikt met HTML:

<div class='placeholder-input-field'>
    <input type='email' placeholder='E-mailadres' name='mail' required/>
    <label for='E-mailadres'>E-mailadres</label>
</div>

Je ziet hier dat ik een required van een input niet regelt met JavaScript maar met HTML, ook controleert de HTML of het wel een mailadres is.

Ook heb ik gemerkt dat er verschillen zijn in verschillende browsers. Zo merk ik dat chrome zich snel aanpast aan jouw fouten.

Bij Safari merkte ik dat het minder was. Zo moet je in een input, textarea en select een kleur mee geven. Als je dat niet doet dan geeft die de default kleur blauw mee.