Huis Sociale Media Geeft nieuwe HTML5-code weer in veel browsers - dummies

Geeft nieuwe HTML5-code weer in veel browsers - dummies

Video: Template improvements - Google Web Designer 2024

Video: Template improvements - Google Web Designer 2024
Anonim

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.

Geeft nieuwe HTML5-code weer in veel browsers - dummies

Bewerkers keuze

Voeg een paginaversnellingsnummer toe aan een InDesign CS5 Story - dummies

Voeg een paginaversnellingsnummer toe aan een InDesign CS5 Story - dummies

Voor verhalen met een rode draad (flow ) van de ene pagina naar de andere in een InDesign Creative Suite 5-publicatie, voegt u een paginaversnelling toe om aan te geven waar het verhaal zich voortzet. Voordat u begint, moet u ervoor zorgen dat een verhaal tussen tekstkaders op twee verschillende pagina's wordt geschoven.

Werk met Type in Adobe Illustrator CC - dummies

Werk met Type in Adobe Illustrator CC - dummies

U kunt allerlei leuke dingen doen met type in Adobe Illustrator CC, van de eenvoudigste taak om een ​​enkele regel tekst te maken tot meer gecompliceerde creatieve gebruiken van tekst, zoals tekst langs paden plaatsen en tekst om objecten heen wikkelen. Deze afbeelding toont de Type-gereedschappen met een voorbeeld van wat u ...

Voeg gradiënten toe aan InDesign CS5 Shapes - dummies

Voeg gradiënten toe aan InDesign CS5 Shapes - dummies

In InDesign Creative Suite 5 is een verloop de kleurovergang van één kleur (of geen kleur) naar een andere kleur. Verlopen kunnen twee of meer kleuren in de overgang hebben. U kunt een verloop toepassen op de lijn of vulling van een vorm, of op tekst. De twee soorten verlopen die beschikbaar zijn in InDesign zijn radiaal ...

Bewerkers keuze

Hoe je je videoblog bewerkt (Vlog) - dummies

Hoe je je videoblog bewerkt (Vlog) - dummies

Nu heb je nagedacht over je videoapparatuur, het videoblog (vlogging) platform dat je zou willen gebruiken en waar je waarschijnlijk je vlogs gaat filmen. Je bent klaar om te gaan! Maar wacht. Hoe zit het met het bewerken van die onbewerkte beelden voordat je deze met de wereld deelt? Zeker, veel vlogs worden onderweg gefilmd en gepost op de ...

Hoe u lettertypen insluit op uw blogsite - dummies

Hoe u lettertypen insluit op uw blogsite - dummies

Op een bepaald moment was de livetekst beperkt tot gebruik van webveilige lettertypen. Gelukkig heb je nu veel meer interessante keuzes met betrekking tot lettertypen dankzij de technologie voor het embedden van lettertypen, waarmee je een lettertype kunt insluiten in de webpagina's van je blog. Met een ingesloten lettertype zien bezoekers het lettertype dat u hebt geselecteerd voor uw ontwerp, zelfs als dat lettertype niet is ...

Hoe u passende vriendschappen kunt aanmoedigen in online community's voor kinderen - dummies

Hoe u passende vriendschappen kunt aanmoedigen in online community's voor kinderen - dummies

Wat is een sociaal netwerk zonder vrienden? Als een online community geen interactie toestaat, zou het helemaal geen community zijn. Het probleem komt wanneer kinderen vrienden maken met mensen die ze niet kennen. Jonge kinderen maken niet altijd de beste keuzes, daarom moet je je bij de ouders voegen om kinderen te helpen ...

Bewerkers keuze

Hoe Photoshop (. Psd) bestanden importeren in Flash CS5 - dummies

Hoe Photoshop (. Psd) bestanden importeren in Flash CS5 - dummies

Of uw Adobe Flash Creative Suite 5-project heeft een eenvoudige foto of gecompliceerde gecompileerde illustraties nodig, dankzij de Photoshop Import-opties van Flash CS5 is het eenvoudig om een ​​foto te importeren. psd-bestand, terwijl afzonderlijke lagen kunnen worden bewerkt, zelfs met type- en laagstijlen. U kunt Photoshop-lagen distribueren naar Flash-lagen, ze rangschikken als hoofdframes of afzonderlijk converteren ...

Geluiden importeren in Adobe Flash CS6 - dummies

Geluiden importeren in Adobe Flash CS6 - dummies

De beste multimedia-creaties kunnen enorm worden verbeterd met geluid effecten en muziek. Adobe Flash CS6 ondersteunt volledig de import, plaatsing en besturing van geluiden in veel verschillende indelingen, zodat u eenvoudig loops, geluidseffectbestanden en zelfs muziek van uw kunt binnenhalen. mp3 verzameling. Je kunt je film verbeteren met achtergrondmuziek ...

Hoe een Flash CS5-film aan een webpagina te koppelen - dummies

Hoe een Flash CS5-film aan een webpagina te koppelen - dummies

U kunt eenvoudig een koppeling maken naar een website of webpagina binnen Flash-films met behulp van een knop of stuk tekst en een beetje codehulp van het paneel Codefragmenten. Voor uw fotoviewer koppelt u de tekst die u op het werkvlak hebt geplaatst aan de Adobe-website om gebruikers te laten weten hoe ...