CSS3-ressourceanmeldelse: CSS3.info

Der er mange store ressourcer til CSS3, og i denne gennemgang vil jeg fremhæve CSS3.info-webstedet, som tilskynder til undersøgelse og undersøgelse af CSS3 og implementering af det på Internettet. Foruden masser af ressourcemateriale tilbyder webstedet flere vigtige og nyttige sektioner, herunder en CSS3-forhåndsvisning af funktioner og funktioner, der er implementeret i aktuelle browsere, en modulstatustabel og en CSS-valgtest. Webstedet har også et community-nyhedsafsnit, der indeholder introduktionsartikler og nyheder om interessant CSS3-materiale.

Figur A

CSS3.info viser sig som stedet at gå efter alt hvad du har brug for at vide om CSS3. Ressourcen tilbyder hyppige opdateringer om en række emner, herunder forhåndsvisninger, ressourcer, nyheder, tutorials, moduler, W3C, boganmeldelser, browsere og mere.

Modulstatus

Figur B

CSS3.info-webstedet tilbyder en CSS3-modulstatustabel, der deler de flere moduler og giver den seneste opdatering og kommende information, herunder foreslået, kandidat, sidste opkald, arbejdsudkast, annonceret og flere profiler designet til at passe til medier såsom tryk, TV, mobil og læser. For eksempel er modulerne Selectors og CSS Color færdige i den foreslåede anbefaling, som sidst blev opdateret den 15. december 2009 og den 28. oktober 2010.

Valg af test

Fig

CSS Selectors Test hjælper dig med at bestemme, om din browser er kompatibel med det store antal CSS-vælgere. Når du starter CSS Selectors-testen, kan du klikke på hver vælger for at se resultaterne, herunder et lille eksempel og forklaring på hver af testene.

Jeg kørte en CSS Selector Test på IE 8 og 20 og af de 41 vælgers pass, 1 var buggy og 20 blev ikke understøttet; i alt blev 574 test kørt med kun 345 bestået. Nogle af de mislykkede vælgere inkluderede 2 ud af 7 for E attributten, som inkluderede testen for div align {}, med noten, "CSS-vælgeren skal matche HTML-fragmentet, fordi align-attributten er til stede og tom." På : nth-child- vælgeren mislykkedes 47 ud af 88 test, inklusive testen for div: nth-child (1) {}, med bemærkningen, "CSS-vælgeren skal matche det markerede element, fordi det er det første og eneste barn af det ydre div-element. "

Kørelse af vælger-testen på Firefox 6.02 fra de 41 vælgere, der var 41 passeringer, hvor 0 var buggy, og 0 understøttes ikke; alle 547 af testene blev bestået, og Chrome 13.0.782.220 m havde de samme resultater.

previews

Figur D

Afsnittet CSS3 Previews giver et udstillingsvindue med nogle af de spændende nye funktioner og funktioner, som de er implementeret i Firefox, Konqueror, Opera eller Safari / Webkit. Flere af de tilgængelige forhåndsvisninger inkluderer grænser, baggrunde, farve, teksteffekter, brugergrænseflade, vælgere og webfonte.

Nyheder

Figur E

Community News-sektionen indeholder information, indledende artikler og nyheder om interessant CSS3-materiale, herunder emner som "CSS-animationsprincipper og eksempler", "Animerede meddelelsesmeddelelser med CSS og JQuery, " og "Lillekendte CSS3-typografiske funktioner", bare til næv et par eksempler.

CSS3.info-webstedet er en fantastisk ressource, hvorpå du kan starte dine CSS3-stilark, så du kan finde inspiration, lære nye teknikker og tilføje mere indflydelse på dit webstedsdesign.

© Copyright 2020 | mobilegn.com