Innhold
- 01.HTML Cheat Sheet
- 02. CSS Cheat Sheet
- 04. CSS Wizardry
- 05. CodePen’s Yearly Top Pens
- 06. Web Design Weekly
- 07. Responsivt design ukentlig
- 08. Lag ikke-rektangulære oppsett med CSS-former
- 09. Jen Simmons Lab
Å lære HTML og CSS kan føles som litt oppoverbakke, spesielt fordi det nesten er for mye informasjon der ute. Hvor begynner du til og med?
- 10 beste HTML5 malutforminger
For å hjelpe deg har vi samlet et utvalg ressurser som vil fortelle deg hva du trenger å vite, hjelpe deg når du sitter fast og få deg til å utvide ferdighetene dine på kort tid.
01.HTML Cheat Sheet
Dette utrolig nyttige HTML-juksearket inneholder en full liste over alle HTML-elementer, sammen med beskrivelser, kodeeksempler og direkte forhåndsvisning. Du kan organisere kodene alfabetisk eller etter kategori, og til og med laste den ned som en PDF for å referere til senere.
Les hele innlegget vårt om det: Spikre deg HTML med dette juksearket
02. CSS Cheat Sheet
Da den ble lansert i 2007, handlet dette nettstedet om CSS. Nå er den utvidet ganske mye, men det er fortsatt mye nyttig informasjon og veiledninger om CSS og HTML som du kan sitte fast i. Det er absolutt verdt et besøk.
04. CSS Wizardry
CSS er lett å lære, men vanskelig å mestre. Harry Roberts 'CSS Wizardry har noen av de beste artiklene om å skrive skalerbar og vedlikeholdbar CSS, som BEM-metodikken og refactoring (som er blant de vanskeligste delene).
05. CodePen’s Yearly Top Pens
En av de beste måtene å lære HTML / CSS er å dissekere kule demoer du oppdager, og CodePens årlige topppenner er gode for det. Demoene spenner fra kule til 'jeg visste ikke engang at det var mulig'. CodePens integrerte brukergrensesnitt for dykking i koden er også praktisk. På en lignende måte vil du kanskje også sjekke ut de 8 CodePen-funksjonene du ikke visste om innlegg.
06. Web Design Weekly
HTML og CSS er begge i stadig utvikling. For å holde deg oppdatert med de nyeste metodene og funksjonene, anbefaler vi dette nyhetsbrevet. Den kommer en gang i uken, som bare er nok til at du faktisk leser den.
07. Responsivt design ukentlig
Responsive er en viktig del av webdesignerens verktøysett i disse dager, og for å hjelpe deg med å holde deg oppdatert, bruker Justin Avery timer hver uke på å kuratere det beste responsive webdesigninnholdet og intervjue bransjeledere, og sender det ut som et nyhetsbrev hver fredag ( Du vil kanskje også like innlegget vårt på 10 veldig nyttige responsive nettdesignveiledninger.)
08. Lag ikke-rektangulære oppsett med CSS-former
Sara Soueidan er kjent for sin klare og grundige undervisningsstil. Her forklarer hun perfekt hvordan du bruker CSS-former, samt å takle noen av utfordringene du kan møte. Den kommer med eksempler å se gjennom på GitHub. En må-lese!
09. Jen Simmons Lab
I sitt eksperimentelle layoutlaboratorium presenterer Jen Simmons de nyeste CSS-egenskapene og bruker dem på praktiske måter. Ta en titt for å se hva som er mulig hvis du blir kreativ med CSS.