7 hyödyllistä resurssia niille, jotka oppivat CSS:ää

2024 Kirjoittaja: Malcolm Clapton | [email protected]. Viimeksi muokattu: 2023-12-17 03:55

CSS-tyylisivut tekevät tylsästä HTML:stä houkuttelevan. Lifehacker on valinnut venäjän- ja englanninkielisiä sivustoja sekä verkkotietosanakirjoja, jotka auttavat sinua ymmärtämään CSS:ää paremmin.

World Wide Web Consortium (W3C) suositteli CSS-tekniikkaa (Cascading Style Sheets) vuonna 1996. Siitä lähtien web-kehittäjät ovat käyttäneet peräkkäisiä tyylisivuja luodakseen ainutlaatuisia sivustomalleja.

Kaksikymmentä vuotta sitten kehittäjät leikkivät kirjasinvaihtoehdoilla, tekstimääritteillä ja sivuelementtien väreillä. Nykyään animaatiot, varjot, gradientit, anti-aliasing ja monet muut edistykselliset asiat ovat käynnissä.

Asenna Chrome-laajennus tai Firefox-lisäosa ihaillaksesi suosikkisivustojasi ilman peräkkäisiä tyylisivuja.

Muutokset ovat dramaattisia, vaikkakaan eivät aina. Esimerkiksi uutiskokooja tuskin muuttuu: se on yhtä yksinkertainen kuin kaksi ja kaksi. Siitä huolimatta resurssia katsotaan yli 150 miljoonaa kertaa kuukaudessa.

Mistä oppia CSS:n hienoimmat kohdat

1. HTML-kirja

Ollaan johdonmukaisia ja aloitetaan vankasta teoreettisesta perustasta. Sitä varten käännymme kirjan kirjoittajan ja verkkokehittäjän Vlad Merževichin puoleen, joka ylläpitää useita laadukkaita resursseja verkkosivujen ulkoasusta ja tyylistä.

Täältä löydät itsestään selittävän opetusohjelman ja vastauksia suosittuihin kysymyksiin peräkkäisistä tyylisivuista. Siellä on myös opetusartikkeleita nykyisestä kolmannesta CSS-spesifikaatiosta.

2. WebReference

tarjoaa aakkosllisen viittauksen CSS:ään. Jokaisella ominaisuudella on lyhyt kuvaus, syntaksi ja elävä esimerkki. Älä epäröi esittää kysymyksiä – projektin tekijät ottavat yhteyttä ja keskustelevat mielellään yksityiskohdista.

3. CSS-viite

Venäjänkielisten opetusohjelmien lisäksi lisäämme ulkomaisia sivustoja. Heidän avullaan joidenkin opiskelijoiden on helpompi syventyä ammattiin ja hyväksyä sen terminologia. Siksi kaikki huomio on kiinni. Sivustolla ei ole mitään tarpeetonta: CSS-ominaisuudet, selitykset ja toiminta. Miellyttävistä pienistä asioista mainitaan nopea haku ja kiinteistön kopioiminen leikepöydälle hiiren napsautuksella.

4. CSS Design Awards

Koulutus on pitkä ja joskus tylsä homma. Olisi kiva löytää motivaatiota auttaa vaikeina aikoina. Inspiroidumme muilta web-suunnittelijoilta tai pikemminkin sivustolta. Täällä esitellään joka päivä laatuprojekti, joka toimii mallina sille, mihin kannattaa pyrkiä. Monet voittajista ovat todella yllättäviä. Muista poiketa ja äänestää suosikkiehdokkaitasi.

5. CSS Zen Garden

Kun tieto ja majakka on varmistettu, on aika testata vahvuutesi liiketoiminnassa. Ja jotta et valitse tietä pitkään, ohjaamme sinut sivulle. Se sisältää muuttumattoman HTML-tiedoston, jonka käyttäjät ympäri maailmaa yrittävät luoda ainutlaatuisen muotoilun peräkkäisten tyylisivujen avulla.

Lataa viite-HTML, lisää tyylisi ja lähetä kaikki takaisin. Ehkä lähestymistapasi on paras. Muuten, voit ladata jonkun muun version ja nähdä, kuinka se on toteutettu.

6. CSSPlay

On selvää, että haluat käyttää jotain sellaista, joka kiinnittää kaikkien huomion. Emme tiedä, onko sellaista olemassa, mutta siellä oli varmasti kymmeniä ja satoja outoja temppuja.

7. CSS Lint

Miksi tarvitsemme jonkun toisen, jos omat kätemme kasvavat suoriksi? Näyttääkö se todella. CSS-syntaksin perustarkistuksen lisäksi verkkopalvelu tarkistaa sivun latausnopeuteen vaikuttavien sääntöjen noudattamisen. Tulos on mukava, selainystävällinen CSS.