En liste over CSS Rammeverk

Webdesignere bruker CSS, eller Cascading Style Sheet, rammeverk for å raskt bygge nettsteder med kompliserte, multicolumn oppsett. I de fleste rammer, legger du stilarket til nettstedet ditt og deretter angi hvor mange kolonner bredt du ønsker å gjøre hver div på en side. For eksempel kan du gjøre innholdet åtte kolonner bred med en fire-kolonne sidebar. Rammer også kommet med verktøy, Photoshop maler og ekstra stiler for å komme i gang.

960 Grid System

Den 960 Grid System er basert på et område bredde på 960 piksler og opptil 24 kolonner. Mens 960 GS ikke kommer med noen andre enn kolonnene forhåndskonfigurerte stiler, tilbyr det noen nyttige verktøy som en online CSS generator. Generatoren kan du angi egendefinerte kolonne mengder og bredde. Stilarket kommer i to utgaver: fast bredde og væske. Fluid bredder gjøre nettstedet tilpasse nettleserstørrelser. Dette rammeverket har også en mobil versjon kalt Adapt.js, som kan hjelpe hvis du vil at layout å endres i henhold til enheten som brukes.

Blueprint CSS

Den største forskjellen mellom 960 GS og Blueprint er tillegg av typografiske stiler. Blueprint CSS leveres med innebygde stiler for skrifter, lenker og tabeller. Selv om den bruker en "reset" stylesheet å normal CSS mellom nettlesere, legger det tilbake i stiler, slik at du raskt kan få en enkel side å gå uten å kode mye CSS. Blueprint kommer også med en Photoshop grid mal som ikke bare viser kolonner, men også rader. Alt er satt til en 18-pixel linje høyde for å hjelpe deg plass tekst og andre elementer i et visuelt tiltalende, standardisert måte.

mindre Work

Ikke forveksle Mindre Work med mindre CSS, siden sistnevnte har ingenting å gjøre med oppsett eller nett. Mindre Framework er utformet med mobil utvikling i tankene, så det kommer med fire stilark: standard, nettbrett, mobil og bred mobil. Kolonne teller varierer mellom maler fordi det antas at jo mindre skjerm, mindre innhold du vil vise per rad på rutenettet. Mindre er ikke for nybegynnere, skjønt. I mindre, må du angi bredden på hver div manuelt, ser på kolonnebredder de gitt som en veiledning.

YUI 2: Rister CSS

YUI, eller Yahoo! brukergrensesnitt, Rister CSS ble opprettet av Yahoo! og er tilgjengelig på Yahoo! Developer Network. Dette rammeverket leveres med fire sidebredder og seks forhåndsinnstilte maler, og støtter både faste og flytende bredder. Yahoo! tilbyr noen tutorials og et rutenett byggmester til å hjelpe deg med å komme i gang. Rutenettet byggmester er nyttig fordi, i motsetning til andre rammer, det viser du layouten som du velger ulike alternativer. Alt du trenger å gjøre er å bygge din layout struktur og få koden til å begynne å bruke YUI Rister med ditt nettsted.