Video: Template improvements - Google Web Designer 2024
Wanneer u een ontwerp op de iPhone, iPod touch of iPad focust, heeft u het voordeel dat u weet dat uw bezoekers de Safari-webbrowser zullen gebruiken. Het is gebaseerd op de WebKit-lay-out-engine, die zowel CSS 3 als elke desktopbrowser kan renderen.
WebKit wordt ook gebruikt in Google Chrome. Dus de meeste sites die er goed uitzien in Safari voor de desktop zien er ook goed uit in Chrome. (Zoals bij de meeste elementen van webontwerp, ziet u echter mogelijk uitzonderingen.)
Apple heeft het besturingssysteem gemaakt, iOS, dat op de iPhone, iPad en iPod touch wordt uitgevoerd en in een speciale versie in Apple TV 2. Safari, de standaard iOS-browser, ondersteunt bijna de volledige CSS-specificatie zoals beschreven door het World Wide Web Consortium (W3C), de open internationale organisatie die webstandaarden ontwikkelt.
Onder leiding van de uitvinder van het web, Tim Berners-Lee, brengt het makers van browsers, leiders en gebruikers bij elkaar om de specificaties te maken voor de protocollen die het World Wide Web bepalen.
Net als HTML5 is CSS 3 nog in ontwikkeling. De specificatie zal de laatste voorgestelde aanbevelingfase pas in 2022 bereiken, volgens de tijdlijn van de W3C. Zelfs als de specificatie mogelijk niet definitief is gedurende vele jaren, implementeren browserontwikkelaars typisch delen van de werkende concepten van nieuwe versies van HTML en CSS bij het bijwerken van hun browsers.
Ontwikkelaars die delen van een werkversie implementeren, verwijzen ernaar als experimentele CSS en voegen meestal de browsernaam in de regel in. Daarom zie je meerdere versies van dezelfde stijlregels, zoals je kunt zien in het voorbeeld dat we je laten zien in het volgende gedeelte voor het maken van afgeronde hoeken.
Veel ontwerpers aarzelen om experimentele CSS te gebruiken, ze wachten liever tot de standaarden zijn goedgekeurd, of tenminste totdat de meeste webbrowsers ze consistent ondersteunen. Het implementeren van experimentele CSS is eenvoudiger wanneer elke browser volgens dezelfde regels werkt en het kan tot problemen leiden als de specificatie later opnieuw wordt gewijzigd.
CSS 3 biedt echter zoveel spannende nieuwe functies en zo weinig negatieve neveneffecten - als je je pagina's zorgvuldig opstelt - dat je weinig reden hebt om je te verzetten. CSS verslechtert natuurlijk in browsers. (Als de browser geen CSS-stijl ondersteunt, wordt deze genegeerd.)
Stel dat niet alle bezoekers van uw sites Safari gebruiken. Als u CSS 3-stijlen wilt maken die in Firefox of Internet Explorer of een andere browser werken, moet u mogelijk speciale code voor die browsers toevoegen.