7 nuttige bronnen voor degenen die CSS leren

2024 Auteur: Malcolm Clapton | [email protected]. Laatst gewijzigd: 2023-12-17 04:06

Trapsgewijze stylesheets maken saaie HTML aantrekkelijk. Lifehacker heeft Russische en Engelstalige sites geselecteerd, evenals webencyclopedieën die u zullen helpen CSS beter te begrijpen.

Het World Wide Web Consortium (W3C) adviseerde in 1996 CSS-technologie (Cascading Style Sheets). Sindsdien gebruiken webontwikkelaars trapsgewijze stijlbladen om unieke site-ontwerpen te maken.

Twintig jaar geleden speelden ontwikkelaars met lettertype-opties, tekstkenmerken en kleuren van pagina-elementen. Tegenwoordig zijn animaties, schaduwen, verlopen, anti-aliasing en vele andere geavanceerde dingen aan de gang.

Installeer een Chrome-extensie of Firefox-add-on om uw favoriete sites te bewonderen zonder trapsgewijze stylesheets.

De veranderingen zullen dramatisch zijn, maar niet altijd. Een nieuwsaggregator zal bijvoorbeeld nauwelijks veranderen: het is zo simpel als twee en twee. Niettemin wordt de bron maandelijks meer dan 150 miljoen keer bekeken.

Waar leer je de fijne kneepjes van CSS

1. HTML-boek

Laten we consequent zijn en beginnen met een solide theoretische basis. Hiervoor wenden we ons tot Vlad Merzhevich, boekauteur en webontwikkelaar, die verschillende kwaliteitsbronnen onderhoudt over lay-out en styling van webpagina's.

Hier vindt u een zelfverklarende tutorial en antwoorden op veelgestelde vragen over trapsgewijze stylesheets. Er zijn ook zelfstudieartikelen over de huidige derde CSS-specificatie.

2. WebReferentie

biedt een alfabetische verwijzing naar CSS. Elke eigenschap heeft een korte beschrijving, syntaxis en een live voorbeeld. Aarzel niet om vragen te stellen - de auteurs van het project nemen contact met u op en bespreken graag de details.

3. CSS-referentie

Naast tutorials in het Russisch, zullen we buitenlandse sites toevoegen. Met hun hulp is het voor sommige studenten gemakkelijker om zich in het beroep te verdiepen en de terminologie ervan te accepteren. Alle aandacht is er dan ook. Er is niets overbodigs op de site: CSS-eigenschappen, uitleg en actie. Van de leuke kleine dingen merken we een snel zoeken en kopiëren van een woning naar het klembord met een muisklik.

4. CSS Design Awards

Onderwijs is een lange en soms saaie aangelegenheid. Het zou leuk zijn om motivatie te vinden om te helpen in moeilijke tijden. We laten ons inspireren door andere webdesigners, of liever gezegd op de site. Hier wordt dagelijks een kwaliteitsproject gepresenteerd dat model staat voor wat het nastreven waard is. Veel van de winnaars zijn echt verrassend. Vergeet niet langs te komen en te stemmen op je favoriete genomineerden.

5. CSS Zen-tuin

Met beveiligde kennis en een baken is het tijd om uw zakelijke kracht te testen. En om de weg lange tijd niet te kiezen, verwijzen we je naar de pagina. Het bevat een onveranderlijk HTML-bestand, dat gebruikers van over de hele wereld proberen een buitengewoon ontwerp te geven met behulp van trapsgewijze stylesheets.

Laad de referentie-HTML, voeg uw styling toe en stuur het allemaal terug. Misschien is jouw aanpak de beste. U kunt trouwens de versie van iemand anders downloaden en zien hoe deze wordt geïmplementeerd.

6. CSSPlay

Het is duidelijk dat je iets van een soort wilt toepassen dat ieders aandacht zal trekken. We weten niet of zoiets bestaat, maar tientallen en honderden curieuze trucs waren er zeker.

7. CSS-lint

Waarom hebben we die van iemand anders nodig, als onze eigen handen recht groeien? Is het echt te zien. Naast de basiscontrole van de CSS-syntaxis, controleert de webservice op naleving van regels die van invloed zijn op de laadsnelheid van pagina's. De output is mooie, browservriendelijke CSS.