Als u een succesvolle webdesigner wilt zijn, is een goed begrip van CSS een must. Gelukkig hebben we wat hulpmiddelen om u te helpen, of u nu de basisprincipes van CSS wilt leren of wilt uitbreiden naar meer geavanceerde gebieden.
Hier zijn 14 uitgebreide cursussen die je zullen helpen bij het ontwikkelen van je CSS-vaardigheden, van de fundamenten van CSS-positionering en typografie tot het gebruiken van pseudo-elementen en het beheersen van Sass.
Als u een beginnende webontwerper bent en klaar bent om CSS te leren, begint u hier!
Als er een vorm van styling is die aantoonbaar belangrijker is dan andere in webdesign, is het typografie. Idealiter zouden uw sites met een degelijke typografie moeten beginnen en de rest van het ontwerp zou daarop moeten zijn gebaseerd. Daarom is het belangrijk eerst het typografische gedeelte van het ontwerpproces te begrijpen. In deze cursus leert Envato Tuts + -instructeur Kezz Bracey je volledig op weg.
Nu u de essentie van typografie hebt geleerd in de vorige cursus 'Begin hier', bent u klaar om verder te gaan naar het volgende fundamentele element van webontwerp: lay-out.
In deze cursus leert u alles wat u moet weten om de meest voorkomende soorten lay-outs in webontwerp te maken.
In deze installatie van onze "Start Here" -serie gaat u de site die u aan het creëren bent, nieuw leven inblazen door CSS-kleuren en -achtergronden te gebruiken.
In deze cursus leert u alles over de visuele technieken die sites onderscheiden van elkaar, en brengt u het "ontwerp" in webdesign.
Het knippen en maskeren van afbeeldingen zijn begrippen waarmee u vertrouwd bent doordat u grafische toepassingen zoals Photoshop hebt gebruikt. In deze Coffee Break-cursus leert Adi Purdila je echter hoe je knippen en maskeren in CSS gebruikt.
CSS-positionering is een fundamentele vaardigheid in webdesign; het levert indelingen op en vormt daarmee de basis van alles binnen deze lay-outs. Dat gezegd hebbende, kan het behoorlijk lastig zijn om je hoofd te wikkelen wanneer je voor het eerst begint.
Tegen de tijd dat u deze cursus hebt voltooid, hebt u een goed begrip van de essentiële beginselen die u nodig hebt om uw lay-outs te besturen. Kezz Bracey toont je elk van de vier soorten positionering die in CSS wordt gebruikt, en ook hoe je enkele van de eigenaardigheden kunt omzeilen die je kunt gebruiken wanneer je ze gebruikt.
De CSS-rasterlay-out is een W3C-werkconcept dat een krachtig rastersysteem definieert om het uiteindelijk gemakkelijker te maken uw webpagina's op te maken met behulp van CSS.
In deze cursus bouw je drie projecten om je te helpen begrijpen wat er mogelijk gaat worden met "Grid". De eerste is op beginnersniveau en laat je kennismaken met Grid-concepten. De tweede neemt de zaken een niveau hoger en onderzoekt dingen zoals uitlijning en nesten. Het laatste project is nog geavanceerder, met behulp van Flexbox in combinatie met Grid. Na deze drie projecten tot en met de afronding van Craig Campbell neemt u gestaag mee van Grid-beginneling naar een zelfverzekerde Grid-gebruiker.
In deze cursus leert Adi Purdila je tien essentiële CSS-bibliotheken te gebruiken voor webontwerpers. U leert over resets, animaties, overgangen en typografiegebonden bibliotheken. U zult Bower gebruiken om uw projecten te beheren, ervoor te zorgen dat alles up-to-date blijft en gemakkelijk te onderhouden is.
CSS is voortdurend aan het evolueren. In deze cursus leidt Craig Campbell je door enkele van de laatste features van CSS om je te helpen actueel te blijven en voorop te lopen.
Sommige van de besproken functies kunnen in de nabije toekomst wel eens mainstream worden, terwijl andere waarschijnlijk in de vergetelheid raken. Hoe dan ook, inzicht in welke CSS-selectors, lay-outmodules en filters er in de toekomst worden overwogen, maakt je een sterkere front-end ontwikkelaar.
In deze cursus leert u hoe u een van de krachtigste, maar toch schone en zwevende rastersystemen die momenteel beschikbaar zijn, kunt gebruiken: postcss-ant. Het is gemaakt door Cory Simmons, bekend om zijn populaire rastersystemen Jeet en Lost.
Als u achter het geweldige PostCSS-systeem aanloopt, biedt postcss-ant u de mogelijkheid om lay-outs soepel en efficiënt te beheren van de eenvoudigste tot de meest complexe, met behulp van vanilla CSS of uw favoriete preprocessor. Kezz Bracey zal je er in deze cursus volledig op voorbereiden.
Oppervlakkig gezien lijken pseudo-elementen niets meer dan een utilitaire subset van CSS. In deze korte cursus met Craig Campbell zul je echter ontdekken dat het beheersen van pseudo-elementen je echt kan helpen om je ontwerpen naar een hoger niveau te tillen.
De dagen van animatie-zware websites vervagen, maar er is nog steeds iets te zeggen voor een site met kleine hoeveelheden subtiele, opvallende beweging om gebruikers te helpen bij het interpreteren van interfaces. In deze cursus laat Craig Campbell praktische manieren zien om animaties te maken voor knoppen, prijstabellen en andere webelementen, met behulp van beknopte CSS en jQuery om dit te doen.
Stylus is een van de drie toonaangevende CSS-preprocessors die CSS eenvoudiger en krachtiger dan ooit tevoren maken en de competitie delen met Sass en LESS. In Become a Stylus CSS Superhero leer je sneller code te schrijven dan een snelkogel, maak je lay-outfunctionaliteit krachtiger dan een locomotief en werk je hele kleurenschema's in één keer af. Sluit je aan bij Kezz Bracey en start je superheldenopleiding!
Het CSS Flexbox-model begint meer algemeen gebruik te zien en wordt nu ondersteund in alle belangrijke browsers. In deze cursus bouwt Craig Campbell voort op zijn CSS: Flexbox Essentials-cursus, terwijl hij zes praktische CSS-projecten schetst voor dagelijks gebruik.
In deze cursus met Adi Purdila leer je de basisprincipes van Sass in 14 dagen. Elke dag leer je iets nieuws en je krijgt een kleine oefening die je helpt je kennis te consolideren.
Deze cursus is voor beginners, dus je hebt geen eerdere ervaring met Sass nodig, maar je hebt ervaring met CSS nodig, omdat Sass daar een extensie van is.
U kunt direct een van onze cursussen volgen met een abonnement op Envato Elements. Voor een enkel laag maandelijks bedrag krijg je niet alleen toegang tot deze cursussen, maar ook tot onze groeiende bibliotheek van meer dan 1000 videocursussen en toonaangevende e-boeken over Envato Tuts+.
Bovendien krijgt u nu onbeperkte downloads van de enorme Envato Elements-bibliotheek met meer dan 200.000 foto's en meer dan 26.000 ontwerpmaterialen en sjablonen. Creëer met unieke lettertypen, foto's, afbeeldingen en sjablonen en lever sneller betere projecten.