7 risorse utili per chi impara i CSS

Sommario:

Dove imparare i punti più fini dei CSS

2024 Autore: Malcolm Clapton | [email protected]. Ultima modifica: 2023-12-17 04:01

I fogli di stile a cascata rendono attraente l'HTML noioso. Lifehacker ha selezionato siti in russo e in lingua inglese, nonché enciclopedie web che ti aiuteranno a comprendere meglio i CSS.

Il World Wide Web Consortium (W3C) ha raccomandato la tecnologia CSS (Cascading Style Sheets) nel 1996. Da allora, gli sviluppatori web hanno utilizzato fogli di stile a cascata per creare design di siti unici.

Vent'anni fa, gli sviluppatori giocavano con le opzioni dei caratteri, gli attributi del testo e i colori degli elementi della pagina. Al giorno d'oggi sono in corso animazioni, ombre, gradienti, anti-aliasing e molte altre cose avanzate.

Installa un'estensione di Chrome o un componente aggiuntivo di Firefox per ammirare i tuoi siti preferiti senza fogli di stile a cascata.

fogli di stile a cascata: un lifehacker senza CSS

I cambiamenti saranno drammatici, anche se non sempre. Ad esempio, un aggregatore di notizie difficilmente cambierà: è semplice come due più due. Tuttavia, la risorsa viene visualizzata oltre 150 milioni di volte al mese.

Dove imparare i punti più fini dei CSS

1. Libro HTML

Siamo coerenti e partiamo da solide basi teoriche. Per questo, ci rivolgiamo a Vlad Merzhevich, autore di libri e sviluppatore web, che mantiene diverse risorse di qualità sul layout e lo stile delle pagine web.

Qui troverai un tutorial autoesplicativo e le risposte alle domande più comuni sui fogli di stile a cascata. Ci sono anche articoli tutorial sull'attuale terza specifica CSS.

2. WebReference

offre un riferimento alfabetico ai CSS. Ogni proprietà ha una breve descrizione, sintassi e un esempio dal vivo. Non esitate a fare domande: gli autori del progetto si mettono in contatto e discutono volentieri i dettagli.

3. Riferimenti CSS

fogli di stile a cascata: Riferimento CSS

Oltre ai tutorial in lingua russa, aggiungeremo siti stranieri. Con il loro aiuto, è più facile per alcuni studenti approfondire la professione e accettarne la terminologia. Pertanto, tutta l'attenzione è accesa. Non c'è nulla di superfluo nel sito: proprietà CSS, spiegazioni e azioni. Delle piccole cose piacevoli, notiamo una rapida ricerca e copia di una proprietà negli appunti con un clic del mouse.

4. Premi di progettazione CSS

Fogli di stile a cascata: CSS Design Awards

L'istruzione è un'attività lunga e talvolta noiosa. Sarebbe bello trovare la motivazione per aiutare nei momenti difficili. Ci faremo ispirare da altri web designer, o meglio dal sito. Qui ogni giorno viene presentato un progetto di qualità, che funge da modello per ciò per cui vale la pena lottare. Molti dei vincitori sono davvero sorprendenti. Non dimenticare di fare un salto e votare i tuoi candidati preferiti.

5. Giardino Zen CSS

fogli di stile a cascata: CSS Zen Garden

Avendo acquisito conoscenza e un faro, è tempo di mettere alla prova la tua forza negli affari. E per non scegliere la strada per molto tempo, ti indirizzeremo alla pagina. Contiene un file HTML immutabile, che gli utenti di tutto il mondo cercano di dare un design straordinario utilizzando fogli di stile a cascata.

Carica l'HTML di riferimento, aggiungi il tuo stile e invia tutto indietro. Forse il tuo approccio sarà il migliore. A proposito, puoi scaricare la versione di qualcun altro e vedere come è implementata.

6. CSSPlay

È chiaro che vorrai applicare qualcosa di un tipo che attiri l'attenzione di tutti. Non sappiamo se esiste una cosa del genere, ma di sicuro c'erano decine e centinaia di trucchi curiosi.

7. CSS Lint

Perché abbiamo bisogno di qualcun altro, se le nostre stesse mani crescono dritte? Lo mostra davvero. Oltre al controllo della sintassi CSS di base, il servizio Web verifica la conformità con le regole che influiscono sulla velocità di caricamento della pagina. L'output è un bel CSS compatibile con il browser.