7 recursos útils per a aquells que aprenen CSS

2024 Autora: Malcolm Clapton | [email protected]. Última modificació: 2023-12-17 03:49

Els fulls d'estil en cascada fan que l'HTML avorrit sigui atractiu. Lifehacker ha seleccionat llocs en rus i en anglès, així com enciclopèdies web que us ajudaran a entendre millor CSS.

El World Wide Web Consortium (W3C) va recomanar la tecnologia CSS (Cascading Style Sheets) l'any 1996. Des de llavors, els desenvolupadors web han estat utilitzant fulls d'estil en cascada per crear dissenys de llocs únics.

Fa vint anys, els desenvolupadors jugaven amb les opcions de tipus de lletra, els atributs de text i els colors dels elements de la pàgina. Actualment estan en curs animacions, ombres, degradats, anti-aliasing i moltes altres coses avançades.

Instal·leu una extensió de Chrome o un complement per a Firefox per admirar els vostres llocs preferits sense fulls d'estil en cascada.

Els canvis seran dramàtics, encara que no sempre. Per exemple, un agregador de notícies difícilment canviarà: és tan senzill com dos i dos. No obstant això, el recurs es visualitza més de 150 milions de vegades al mes.

On aprendre els punts més subtils de CSS

1. HTMLbook

Siguem coherents i comencem amb una base teòrica sòlida. Per això, recorrem a Vlad Merzhevich, autor de llibres i desenvolupador web, que manté diversos recursos de qualitat sobre la disposició i l'estil de les pàgines web.

Aquí trobareu un tutorial autoexplicatiu i respostes a preguntes populars sobre fulls d'estil en cascada. També hi ha articles tutorials sobre la tercera especificació CSS actual.

2. WebReference

ofereix una referència alfabètica a CSS. Cada propietat té una breu descripció, sintaxi i un exemple real. No dubteu a fer preguntes: els autors del projecte es posen en contacte i discuteixen els detalls de bon grat.

3. Referència CSS

A més dels tutorials en rus, afegirem llocs estrangers. Amb la seva ajuda, a alguns estudiants és més fàcil aprofundir en la professió i acceptar-ne la terminologia. Per tant, tota l'atenció està encesa. No hi ha res de superflu al lloc: propietats CSS, explicacions i acció. De les petites coses agradables, observem una cerca ràpida i còpia d'una propietat al porta-retalls amb un clic del ratolí.

4. Premis de Disseny CSS

L'educació és un negoci llarg i de vegades avorrit. Seria bo trobar motivació per ajudar en moments difícils. Ens inspirarem en altres dissenyadors web, o millor dit en el lloc. Cada dia es presenta aquí un projecte de qualitat, que serveix de model per allò que val la pena esforçar-se. Molts dels guanyadors són realment sorprenents. No us oblideu d'entrar i votar pels vostres nominats preferits.

5. CSS Jardí Zen

Després d'haver assegurat el coneixement i un far, és hora de posar a prova la teva força en els negocis. I per no triar el camí durant molt de temps, us dirigirem a la pàgina. Conté un fitxer HTML immutable, al qual usuaris de tot el món intenten donar un disseny extraordinari mitjançant fulls d'estil en cascada.

Carregueu l'HTML de referència, afegiu el vostre estil i envieu-ho tot. Potser el vostre enfocament serà el millor. Per cert, podeu descarregar la versió d'una altra persona i veure com s'implementa.

6. CSSPlay

Està clar que voldreu aplicar alguna cosa que atregui l'atenció de tothom. No sabem si existeix tal cosa, però segur que hi havia desenes i centenars de trucs curiosos.

7. CSS Lint

Per què necessitem les d'una altra persona, si les nostres pròpies mans creixen rectes? Ho demostra realment. A més de la comprovació bàsica de la sintaxi CSS, el servei web comprova el compliment de les regles que afecten la velocitat de càrrega de la pàgina. La sortida és agradable, CSS fàcil de navegar.