7 van nuttige middelen voor die leren CSS
Vormende Van Technologie / / December 19, 2019
Cascading Style Sheets maken saai HTML aantrekkelijk. Layfhaker pakte de Russisch-sprekende en Engels-talige sites, evenals web encyclopedie die zullen helpen om beter te begrijpen CSS.
World Wide Web Consortium (World Wide Web Consortium, W3C) aanbevolen CSS-technologie (Cascading Style Sheets) in 1996. Sindsdien, web-ontwikkelaars gebruiken cascading style sheets om een uniek ontwerp van de site te maken.
Twintig jaar geleden, ontwikkelaars speelden met de lettertype-instellingen, tekst attributen en kleuren van de pagina-elementen. Nu in de loop van de animatie, schaduwen, gradiënten, anti-aliasing, en vele andere geavanceerde dingen.
Installeer de extensie web Developer voor Chrome of aan te vullen uitschakelen CSS voor Firefox, om hun favoriete sites zonder Cascading Style Sheets bewonderen.
Wijzigingen zijn opvallend, maar niet altijd. Bijvoorbeeld, een nieuws aggregator Drudge Report bijna verandert niet: het is simpel als ABC. Toch maandelijkse resource surfen op meer dan 150 miljoen keer.
Waar de subtiliteiten van CSS leren
1. HTMLbook
Wees consistent en beginnen met een stevige theoretische basis. Haar wenden tot Vlad Merzhevichu, auteur en web ontwikkelaar die een aantal van de kwaliteit van de middelen op vorstke ondersteunt en styling van webpagina's.
op HTMLbook U zult vriendelijke tutorial en antwoorden op veelgestelde vragen over Cascading Style Sheets vinden. Het bevat ook educatieve artikelen over de huidige derde CSS specificatie.
2. WebReference
WebReference Het biedt een alfabetische gids voor CSS. Elke woning heeft een korte beschrijving, de syntaxis, en een levend voorbeeld. Aarzel niet om vragen te stellen - de auteurs van het project komen om te communiceren en bereid zijn om de details te bespreken.
3. CSS Reference
In aanvulling op de Russischtalige zelfinstructie toevoegen buitenlandse sites. Sommige studenten gebruiken ze makkelijker te verdiepen in het vak en nemen haar terminologie. Vandaar dat alle aandacht op CSS Reference. Op de site is er niets overbodig: de eigenschappen van CSS, uitleg en actie. Van de aangename dingen, merken we een snel zoeken en kopieer de eigenschappen van het klembord op de klik van een muis.
4. CSS Design Awards
Onderwijs - het is een lange en soms saai. Het zou leuk zijn om de motivatie om te helpen in de moeilijke momenten te vinden. Wordt geïnspireerd door andere webdesigners, maar eerder op de site CSS Design Awards. Hier elke dag zijn een kwaliteit project, dat dient als een model van wat een inzat. Veel van de winnaars echt verrassend. Vergeet niet om te kijken en te stemmen voor uw favoriete genomineerden.
5. CSS Zen Garden
Beroep doet de expertise en het baken, is het tijd om hun kracht te testen in de zaak. En zo lang bleek niet uit de weg, zullen wij u naar een pagina CSS Zen Garden. Ze legde een constante HTML-bestanden die gebruikers over de hele wereld proberen om een buitengewone ontwerp met behulp van Cascading Style Sheets maken.
Download referentie HTML, voeg uw ontwerp en stuur het allemaal terug. Misschien zou je aanpak het beste zijn. By the way, kunt u een versie van iemand anders te downloaden en te zien hoe het wordt uitgevoerd.
6. CSSPlay
Het is duidelijk dat wil je iets van zulke dingen, dat ieders aandacht te trekken gebruiken. Is dit niet in het weten, is er CSSPlayMaar tientallen en honderden interessante technieken er gewoon rondslingeren.
Download code direct zal niet werken. Je moet krijgen in de menu-ontwikkelaars - dat is het beleid van de lokale partij. De overgrote meerderheid van CSS-stijlen kunnen worden gebruikt zonder toestemming van de auteur.
7. CSS Lint
Waarom hebben we iemand anders nodig hebben, wanneer zij zelf groeien rechterhand? Is het eigenlijk tonen CSS Lint. In aanvulling op de basis CSS syntax controle, web-based service controles op de naleving van de voorschriften die de snelheid van het laden van pagina's beïnvloeden. De output is goed, leuk voor CSS-code browsers.
En wat hulpbronnen over cascading style kunt u aanbevelen?