Hurtig liste: Ti CSS-ressourcer

Vi ved alle om Cascading Style Sheets (CSS), som er grundigt dokumenteret i W3C og integreret stærkt i HTML5-standarderne. Jeg har udarbejdet en liste, uden særlig rækkefølge, over ti fremhævede ressourcer til spring, der starter dit CSS-ressourcebibliotek. Jeg ved, at der er masser af andre CSS-ressourcer derude, og hvis du har nogen favoritter, som jeg har savnet, som jeg er sikker på, at jeg har det, bedes du kommentere og tilføje dine (n) favorit (er) i slutningen af ​​dette indlæg.

CSS-tricks

CSS Tricks er et webdesignfællesskab oprettet af Chris Coyier. Denne ressource inkluderer fora, videoer, downloads, kodestykker og artikler om alt hvad angår styling, kodning og CSS. Et nyligt skærmbillede af stedet vises i figur A.

Noupe Design Blog

Noupe Design Blog vil tilfredsstille din nysgerrighed for det, der er nyt og bedre; dette websted inkluderer 29 artikler om CSS ud over artikler om Ajax, generel webdesign, Photoshop, tutorials om en række emner og en række artikler om WordPress. Inspirerende nylige artikler inkluderer: "Typografisk inspiration til weekenden", "Sexet dropdown-menu w / jQuery & CSS" og nylige CSS-artikler: "50 gratis CSS / (X) HTML-skabeloner" og "15 CSS-vaner at udvikle sig til Frustrationsfri kodning. " Et skærmbillede af stedet vises i figur B.

NYPL Online Style Guide

Mens det er en del af deres gamle side nu, tilbyder New York Public Library stadig NYPL Online Style Guide, et grundlæggende sæt af dets websteds retningslinjer for at sætte dig direkte på det grundlæggende i XHTML og CSS. Skærmbillede af siden vises i figur C.

W3C CSS2-specifikation

W3C CSS2-specifikationen (W3C Cascading Style Sheets Level 2 Revision 1, CSS 2.1) er en stor ressource til søgning efter de definerede standarder for CSS, som vist i figur D.

CSS Diskuter

Så du tror, ​​du bare kan læse nogle artikler eller bøger og være okay? Nå, vi ved alle, at webudvikling handler om kode, der ikke fungerer kl. 01:00, mens resten af ​​dit team er hurtigt i søvn. Du bliver nødt til at tale med nogen, mens du skraber dit hoved og afslutter den anden gryde med midnatskaffe, så tag dine spørgsmål til CSS Diskut. Du kan muligvis hjælpe en anden, mens du venter på dit svar. Online CSS-samfund har offentlige og private fora, en wiki, og det gratis abonnement giver dig adgang til alle deres ressourcer. De seneste diskussioner har inkluderet spørgsmål, der er centreret om CSS til visning af websteder inden for tablets og mobile enheder. Et skærmbillede af deres Wiki vises i figur E nedenfor.

En liste bortset fra

For folk, der laver websteder, indeholder A List Apart CSS-emnelister mange artikler om emnet at adskille præsentation fra struktur og opførsel. Der er mange tip og tricks til CSS-rullemenuer, layout, pull outs, printdesign og stilskift. Dette sted tilbyder endnu flere emner end kun CSS-ressourcer. Et nyligt skærmbillede vises i figur F.

CSS Zen Garden

CSS Zen Garden demonstrerer skønheden i CSS-webdesign. Dette websted, der er kendt som vejen til oplysning, er en demonstration af, hvad der kan opnås visuelt gennem CSS-baseret webdesign. Nye indsendelser accepteres stadig af Zen Garden, og enhver grafisk designer er velkommen til at deltage i projektet; nye tilføjelser til webstedet tilføjes og opdateres dog på sporadisk basis. Webstedet giver inspiration med evnen til at se de design, som andre har skabt med deres egne CSS-implementeringer, samtidig med at indholdet holdes konsistent. En af de populære CSS-designindlæg, "En tur i haven" af Simon Van Hauwermeiren vises i figur G.

CSS snyderi V2

Så simpelt et værktøj som dette kan se ud, er CSS Cheat Sheet V2 på webstedet Tilføjet bytes meget nyttigt værktøj. Det praktiske snyderi er tilgængeligt i PDF- eller PNG-filformater og kan downloades gratis; forfatteren Dave Child beder dog om, at folk donerer til sin Amazon.com-ønskeliste! Inkluderet i snyderiet er vælgere, pseudo-vælgere, enheder, kassemodel og egenskabsliste. Webstedet tilbyder også snyderark i spanske, portugisiske og russiske sprogversioner og i Apple dashboard-widget og iPod-indholdsformater. Et skærmbillede af webstedet vises i figur H. For øvrigt tilbyder Dave også snyderark på andre webudviklingsemner som Python, Subversion, mod_rewrite, PHP, SQL Server, HTML og andre for at nævne nogle få.

Indsætte*

Deploy * er et gratis open source-webapplikation, der giver designere mulighed for at vælge navnet på et projekt, og gennem en række radioknapper kan du vælge Doctype, uanset om du vil have en CSS-nulstilling eller jQuery-integration, og det opretter en lynlås, klar til brug pakke med alle specificerede filer og mapper. Deploy * sparer tid og organiserer din kodes overordnede mapper og mere. Et nyligt skærmbillede af onlineværktøjet vises i figur I.

Blueprint

Blueprint er en CSS-ramme, der bruger et gitterlignende system, der inkluderer foruddefineret typografi, og inkluderer et sæt plug-ins, formstilarter, printformater, skabeloner og meget mere. Webstedet tilbyder stor support inklusive live demoer, en Wiki, fora og diskussionsgrupper, et depot og bug tracker. Download af zip-filen er lige under 4MB. Det er dog ikke en sølvkugle, og den er bedst egnet til websteder, hvor hver side muligvis kræver sit eget design. Se på eksisterende planer inden du beslutter, om rammen er den rigtige for dig. Du kan også tjekke testfilerne i testbiblioteket, som viser de fleste af funktionerne i Blueprint. Et skærmbillede af Blueprint-webstedet vises i figur J.

Tilføj dine egne favoritter

Jeg ved, at dette er en kort liste, så del os med os nogen af ​​dine foretrukne CSS-ressourcer.

© Copyright 2020 | mobilegn.com