960 Grid System Toolbox & Resources
960 Grid System var búið til af Nathan Smith sem leið til að hagræða vinnuframkvæmdum með því að veita almennt notaðar stærðir, byggt á 960 punktar breidd.
960.gs (eða hvaða CSS ramma) var fyrst og fremst þróað fyrir hraðvirkar mótorhugmyndir, skorið niður endurteknar og leiðinlegar verkefni en einnig er meira en hæft til notkunar fyrir vefhönnun.
Það mun gefa síðuna þína uppbyggð og traustan grunn fyrir þig að byggja og stilla hönnunina þína á.
Í þessari grein finnur þú námskeið, sýningarsíðu vefsvæða sem eru hannaðar með 960.gs, snúningaviðmiðunum, grunnþrepi WP þemum sem eru byggðar á 960.gs og hugsanlegum öðrum rammaumhverfum ef eitthvað af ástæðum líkar þér ekki við 960 ristina kerfi.
Innan í pakka er hægt að prenta út ritblöð, hönnunarsnið og CSS skrá sem hefur sömu mælingar.
Þú ert með tvær sniðmát, 12 dálka rist skipt í hluta 60px og 16 dálka rist skipt í 40px. Hver dálkur hefur 10 punkta margar til vinstri og hægri, sem búa til 20 pixla breiður gutters milli dálka.
Heimasíða: 960.gs heimasíðan .
Hlaða niður: Sækja 960.gs .
Demo: Skoðaðu 960.gs kynningarsíðuna .
960.gs námskeið
960 CSS Framework - Lærðu grunnatriði
Þetta er frábært grunntutorial til að hefjast handa, skrifað af Stefan Vervoort frá divitodesign. Þú ert tekin í gegnum grunnatriði hleðslu ramma, þannig að þú getur byrjað að þróa með 960.gs hratt.
Vinna með 960.gs
Annar einkatími sem tekur þig í gegnum grunnatriði að setja upp 960.gs, sérstaklega gagnlegt fyrir CSS áskorun.
Nákvæm líta á 960 CSS Framework
Þegar þú notar tækifærið til að eyða tíma með 960.gs, verður þú að vera undrandi á því hversu mikinn tíma getur hugsanlega verið vistuð þegar þú þróar vefsíður þínar.
Prototyping með rist 960 CSS Framework
Þessi grein fjallar öllu prototyping ferlinu, það útskýrir grunnatriði Grid 960, áætlanagerð rist fyrir hönnun og forritun frumgerð. Eins fljótt og það.
Búðu til dagblaðsþema með WP_Query og 960 CSS Framework
Þessi einkatími mun kenna þér hvernig á að nota WP_Query til að búa til 3 dálka dagblaðsþema sem hefur allar helstu bloggfærslur þínar í aðal dálknum og til hliðar sett af innleggum úr völdum flokki. Notkun 960 CSS ramma um útlitið og hvíld þema er sýnt hvernig þetta mun auka framleiðni þína verulega.
Hannaðu nýtt bloggþema á 960 ristinni
Þessi kennsla kennir þér að spotta bloggþema í Photoshop sem er hannað til að nota innan 960 ramma. Þessi einkatími var hannaður meira fyrir vefhönnunarkenningu en Photoshop tækni, en eykur talsvert meiri tíma í hönnunarsögu og notkun.
960 Spin Offs
Typogridphy er CSS ramma sem er smíðað til að leyfa vefhönnuðum og framhaldshönnuðum að fljótt kóðun með rýmið sem er tilvalið með töframiðlun. Það gerir þér kleift að búa til töflureikningar sem eru fjölhæfur og aðlaðandi, það staðfestir strangar xHTML og CSS. Það notar einnig stafræna aðferð sem kallast "að búa til lóðrétta takt" , þar sem allar aðliggjandi línur textans lína upp lárétt, óháð brotum á línu og nýjum málsgreinum.
Demo: Typogridphy Demo
Overture - Fluid 960 Grid System 1.0
Þróað af Stephen Bau frá Hönnun7 , hann hefur byggt upp bókasafn af algengum HTML-atriðum, sameinað þetta með CSS fyrir leturfræði og uppsetningu og bætt við nokkrum grunnáhrifum frá vinsælum JavaScript bókasöfnum (aðallega MooTools). Við niðurhal er hægt að velja úr þremur sniðmátum: 960 px fastri breidd , 12 dálkur vökva breidd eða 16 dálkur vökva breidd . Þessir sniðmát eru ótrúlega, þú þarft að sjá smáatriði til að trúa því.
Demo: Overture Demo .
Sýningin
Öll falleg staður hér að neðan hefur verið byggð með 960 ristakerfinu:
WordPress Þemu
Rétt eins og raunveruleg 960.gs eru þessi WP þemu nánast ósnortin og með mjög grunnvirkni, en þau voru byggð með 960.gs. Mjög gagnlegt fyrir hvaða WP verktaki.
5 ára WordPress Þema
A undirstöðu WP þema byggt með 960.gs.
960bc WordPress Þema
960bc þemaið er í meginatriðum létt striga með lágmarksstíl og engar myndir byggðar á 960 ristarkerfinu (aðeins 12 dálkar) fyrir WordPress forritara sem vilja vinna innan hefðbundinnar rist byggð skipulag.
Möguleg valkostur
Velja CSS Framework getur verið erfitt, ef 960.gs er ekki rétt fyrir þig, gætirðu kannski reynt að gera eitthvað af ramma hér að neðan.
Teikning: A CSS Framework
Teikning er CSS ramma sem miðar að því að skera niður CSS þróunartíma þinn. Það gefur þér traustan CSS grunn til að byggja upp verkefnið þitt ofan á, með auðvelt að nota rist, skynsamlegt leturfræði og jafnvel stílblöð til prentunar. Það er mun minna uppblásið en YUI ramma, og er hugsanlega í takt við 960.gs hvað varðar auðvelda notkun.
CSS-Boilerplate
Frá einum höfundum Teikning. Hann hefur búið til niðri ramma sem veitir nauðsynlegan grundvöll til að hefja verkefni. Þessi ramma er létt og leitast við að benda ekki til merkingar sem eru ekki merkingarlaus.
Elements - A CSS ramma niður til jarðar
Það var byggt til að hjálpa hönnuðum að skrifa CSS hraðar og skilvirkari. Þættirnir fara út fyrir að vera bara ramma, það er eigin verkefnisvinna. Það hefur allt sem þú þarft til að ljúka verkefninu þínu.
WYMstyle - CSS ramma - Yfirlit
Markmið verkefnisins er að bjóða upp á sett vel prófuð mát CSS skrár, sem hægt er að nota til að hratt hönnun vefsvæða.
Ennþá Annar margskammta uppsetning | YAML
"Yet Another Multicolumn Layout" (YAML) er (X) HTML / CSS ramma til að búa til nútíma og sveigjanlega fljóta skipulag. Uppbyggingin er afar fjölhæfur í forritun og algerlega aðgengileg fyrir notendur.
CleverCSS
CleverCSS er lítið markup tungumál fyrir CSS innblásið af Python sem hægt er að nota til að búa til stíl blað á hreinum og skipulögðum hátt. Á margan hátt er það hreinni og öflugri en CSS2.
CPL Framework
Sparkl sameinar POSH markup, Bulletproof CSS og Unobtrusive JavaScript í einum auðvelt að nota vefur þróun ramma sem gerir það einfalt að búa til bulletproof vefsíður sem eru í samræmi við vefur staðla. Það notar mát ramma, sem gerir þér kleift að nota það sem þú þarft og sleppa því sem þú gerir ekki.
JQuery UI CSS Framework
Fyrirspurnarspurningin inniheldur robust CSS ramma sem ætlað er að byggja upp sérsniðnar jQuery búnað. Rammarinn felur í sér námskeið sem ná yfir fjölbreytt úrval af algengum notendaviðmótum, og hægt er að vinna með því að nota jQuery UI ThemeRoller. Með því að byggja upp UI-hluti þinna með jQuery UI CSS Framework, verður þú að samþykkja samnýttar samhæfingarstefnur og leyfa auðvelda samþættingu kóða yfir tappi samfélagsins í heild.
Skrifað eingöngu fyrir WDD af Paul Andrew frá Speckyboy.com
Notarðu 960gs fyrir vefsíður þínar? Hver eru helstu kostirnir? Okkur langar að heyra frá þér ...