Enkelte designere ser rammer som begrensende og begrensende i deres kreative innsats. De ser på et rammeverk som noe de må bøye sitt arbeid for å passe.

Og for mange designere, er det bare ikke noe de vil gjøre. Men med de dusinvis av rammer som er tilgjengelige der ute, hvorfor ikke se på den den andre veien: hvorfor ikke finne rammen som passer i designprosjektene dine?

For det formål har vi samlet 30 av de beste designrammene der ute. Disse rammene er rent for design (du finner ikke JavaScript eller Ajax-rammeverk her, som for det meste faller mer under utviklingsrammer).

Det er nesten sikkert et rammeverk som er oppført her, som kan tilpasses til ditt eget prosjekt, snarere enn omvendt.

Generelle CSS-rammer

CSS-rammene her tilbyr designere en struktur som går inn i prosjektene sine, slik at de ikke starter helt fra bunnen av. Noen tilbyr layoutveiledning, for det meste gjennom bruk av nett, mens andre bare fokuserer på ting som typografi, og lar layoutet helt opp til deg.

1KB CSS-nett
1KB CSS Grid er et tilpassbart grid som kan konfigureres på flere måter før du laster ned. Du velger antall kolonner, kolonnebredden og rennbredden før du laster ned filene. Det er et utrolig lett å forstå rutenett, selv for de som ikke er kjent med CSS-rammebetingelser. Det er også et veldig skjult rammeverk, med bare CSS nødvendig for å bygge oppsettene (ingen ekstra formatering er inkludert).


YAML
YAML ("Yet Another Multicolumn Layout") er et CSS-rammeverk for å lage fleksible, flytende layouter. Den inkluderer designmønstre for typografi, mikroformater, skjemaer og mer, samt full tilgjengelighet og nettstandarder overholdelse. Det er også et veldig stabilt rammeverk, med de fleste nettleserbugs patched av YAML. Det er også YAML Builder, som lar deg lage YAML-baserte layouter visuelt.

En av utvalgene YAML-oppsett med grunnleggende stylingalternativer.


Simpl
Simpl er et modulært, fleksibelt CSS-rammeverk som tar sikte på å fylle inn hullene i noen andre CSS-rammer. Det er flytende (med mulighet for statiske sidekolonner), enkel å lære og bruke, og er nestbar (men krever ikke hekking). Den inneholder stiler for skjemaer, tabeller og andre vanlige elementer.


The Golden Grid
The Golden Grid er et CSS-rammeverk basert på prinsippet om den gyldne rasjonen eller den guddommelige proporsjonen. Den er 970px bred, bruker et 6/12 grid system, og når komprimert er mindre enn 1kb. Det er en mengde flotte demoer, både av rutenettet og av prøvesidene som er bygd på rutenettet. Det er også en mini opplæring tilgjengelig for å hjelpe deg med å komme i gang.

Et eksempel på en layout laget med The Golden Grid.


SenCSs
SenCS er et rammeverk som tilbyr fornuftig styling for alle de gjentatte delene av CSS-filene dine. Det inkluderer ikke noe slags layoutsystem, i motsetning til mange CSS-rammer, som gjør den mer allsidig for ikke-standardiserte webdesign. Den inneholder stiler for mange andre ting, selv om: grunnlinje, fonter, marginer, blokkeringer, utfylling og mer.


Elements
Elementer inneholder en rekke mapper og filer som bidrar til å øke hastigheten på webdesignprosessen. Det er en lett ramme som er enkel å bruke, inneholder en rekke forhåndsdefinerte klasser, en masseåterstilling, og legger til ikoner til eksterne koblinger (som forbedrer både stil og brukbarhet).


Blueprint CSS
Blueprint er et gratis CSS-rammeverk som inkluderer en CSS reset, et rutenett som støtter komplekse oppsett, stilet typografi og skjemaer, og plugins for knapper, faner og sprites. Det er også mye dokumentasjon for å komme i gang, samt en diskusjonsgruppe og adresseliste.


Tripoli
Tripoli er et generisk CSS-rammeverk som tilbakestiller alle standard nettleserinnstillinger. Den er laget for å jobbe med HTML 4 og skiller typografi fra layout stiler. Det har også som mål å øke lesbarheten til nettstedene dine gjennom bedre typografi. Det fungerer også med en rekke plugins for å utvide de generelle standardene til rammen.


Innhold med Style CSS Framework
Innholdet med stil CSS-rammeverket tilbyr et halvt dusin layouter, inkludert vertikal navigasjon med en innholdskolonne, horisontal navigering med en innholdskolonne, vertikal navigasjon med to kolonner av innhold og horisontal navigering med lokal navigering og en kolonne med innhold. Det ordner kildekoden logisk, med hovedinnholdet som kommer umiddelbart etter toppteksten i koden, uansett sidens visuelle layout.


960 Grid System
960-grid-systemet er trolig den mest berømte CSS-rammen som har kommet ut de siste årene, og har vært inspirasjonen til en rekke andre rammer. Det finnes to rister: et 12-kolonne rutenett med kolonner som er 60 piksler brede og et 16-kolonne rutenett med 40 piksler brede kolonner. En stor fordel er at disse grunnleggende gitterkonfigurasjonene kan brukes separat eller i kombinasjon. 960 betaler fokus på nettstedet layout og betaler liten oppmerksomhet til ting som typografi (selv om det er grunnleggende bestemmelser på plass for dem).


Typogridphy
Typogridphy er et CSS-rammeverk som fokuserer tungt på typografi i layoutet. Den er basert på 960 Grid System og har standardkompatibel semantisk kode. Typografien er basert på prinsippet om vertikal rytme, men bruker ems i stedet for piksler.


Emastic
Emastic er et lett CSS-rammeverk som lar deg tilpasse bredden på siden ved hjelp av ems, piksler eller prosenter. Den fungerer i enten en fast eller flytende layout, og inkluderer grunnlinjen typografi stiler. Det er en opplæring tilgjengelig som lærer deg hvordan du lager oppsett med Emastic også.


Malo
Malo CSS-rammen består av bare 8 linjer med CSS-kode. Den er fleksibel og enkel å bruke, med en tilpassbar sidebredde. Malo lar deg lage layouter som består av to, tre, fire eller fem deler. Nestede kolonner er også tillatt.


BlueTrip
BlueTrip er et CSS-rammeverk basert på et 24-kolonne rutenett. Den inneholder typografi stiler, et tomt startskjermbilde, et utskriftsformatark, skjemaformater og mer. Det er omfattende dokumentasjon tilgjengelig, samt et utstillingsvindu av nettsteder bygget på BlueTrip.


1 linje CSS grid ramme
Dette er litt av et annet CSS-rammeverk, fordi det bare bruker en enkelt linje med CSS. Ved å bruke denne ene linjen med CSS, som fungerer på prinsippene for deling av kolonner i halvparten, kan du opprette grensesnitt med 2, 4, 8 eller 16 kolonner. Den er kompatibel med nettleseren, like langt bak som IE5.5.

Gratis WordPress Theme Frameworks

Det er mange flotte WP-rammer der ute som er tilgjengelige gratis. Noen er veldig grunnleggende, med bare den mest generelle strukturen. Andre er minimalistiske temaer i seg selv, men lett tilpassbare til andre prosjekter. Hva de alle gjør, er imidlertid å forenkle kodingsprosessen i WP-temautvikling, effektivt eliminere en designers behov for å håndtere PHP eller annen kode.

Reptil
Reptil er et tema rammeverk fra WP Bandit som arbeider med barn temaer (skins). WP Bandit bruker det til alle sine temaer og har gjort det tilgjengelig for gratis nedlasting. Det er ikke mye informasjon på deres nettside annet enn at det inkluderer en rekke hjelpefunksjoner for å gjøre det enklere for temaet ditt å samhandle med WP.


Vanilettema
Vanilje ble bygget for å kombinere Carringtons "atomiske" maler, PHPTAL maler og YUI CSS. Den inkluderer også full widgetisering, inkludert tilpassede widget kontroller. Vanilje brukes med barnemner, så du trenger aldri å røre grunnkoden. Den inneholder også en HTML "minifier" som komprimerer utdata for å øke hastigheten på nettstedet ditt.


Tavle
Whiteboard er et gratis WP-rammeverk. Den inneholder alle temafiler man trenger for å lage et WP-tema, inkludert: 404.php, archives.php, categories.php, comments.php, footer.php, functions.php, header.php, index.php, side. php, search.php, searchform.php, sidebar.php og style.css. Den inneholder også paginering for innlegg og sosialiseringskoblinger, og er bare 72KB unzipped.


Sandbox
Sandkasse er et veldig grunnleggende tema som inneholder et grunnleggende to-kolonne-layout med minimal styling. Det er fullt widget-kompatibelt og har mange selektorer, så det er fullt tilpassbart med CSS.


Buffetrammen
Buffet Framework bruker barnemner for tilpasning, og bruker også temautvidelser for videre tilpasning. Det er søkemotoroptimalisert, har støtte for mikroformater, drevet av jQuery, og er til og med pakket med 960gs og Blueprint CSS-rammer. Den er utgitt under GPL v3.


Carrington
Carrington er et gratis WP-tema rammeverk utgitt under GNU GPL v2. En av Carringtons største fordeler er den omfattende dokumentasjonen som er tilgjengelig på nettstedet. Det finnes fire grunnleggende temaer i rammen: Blog (et tradisjonelt bloggstiltema), Tekst (et enkelt tekstbasert tema), Mobile (for mobile nettlesere) og JAM (Just Add Markup, et bare-bein-rammeverk) . Avhengig av hvilket tilpasningsnivå du vil, er det nesten sikkert et alternativ som vil fungere for deg.

The Carrington Text tema.


Hybrid
Hybrid er et gratis tema som inneholder 8 widgetized områder og 15 tilpassede side maler. Det er gratis og åpen kildekode og kan brukes til både personlige og kommersielle prosjekter. Den er tilgjengelig på en rekke språk (bare last ned språkpakken), inkludert arabisk, kinesisk, fransk, italiensk, tysk, russisk, spansk og tyrkisk. Grunnleggende dokumentasjon er tilgjengelig gratis, men for mer omfattende dokumentasjon må du bli med i Theme Club ($ 25 / år).


Tematisk
Tematisk er et open source, utvidbart WP-rammeverk med 13 widgetiserte områder, gridbaserte layoutprøver og styling for populære plugins. Tematisk har nok stil ut av boksen til bruk uten å utvikle den videre, men det gjør også et perfekt foreldetema (det er både gratis og kommersielle barnemner som allerede er tilgjengelige for det). Den inneholder et utvalg Barnemne for å fremskynde temautviklingen. Den er også klar for en rekke populære WP-plugins, og har en rekke enkle å implementere layoutalternativer for både to og tre kolonnedesigner.

Premium WordPress Theme Frameworks

Premium WP-temaer er mye som de frie rammer som er tilgjengelige, selv om de fleste har flere funksjoner som ikke er tilgjengelige i gratisversjonene. Mange av rammene nedenfor tilbyr opsjonspaneler som gir ikke-kodere nesten full kontroll over utformingen av bloggen deres, samtidig som de er utvikler-vennlige for de som ønsker å dykke inn i koden.

Ashford
Ashford WP-temaramme er et enkelt, brukervennlig rammeverk som inneholder åtte sidemaler (galleri, blogg, emne, forfatter, kodeks, detalj og kategorien blant dem). Det er mer enn 250 mulige sidevariasjoner du kan opprette, og det er fire alternativer for hvordan du viser innleggene dine (miniatyr, blur, utdrag og full). Det er en begrenset gratis versjon (det er fortsatt ganske kraftig), eller du kan kjøpe pro-versjonen for $ 49.


Elemental
Elemental er et premium tema rammeverk fra Pro Theme Design. Elemental har et rent, elegant design som kan brukes like ved å bare sette inn alternativer i det egendefinerte kontrollpanelet (for eksempel typografi, kolonnestørrelse, navigasjon osv.), Eller du kan tilpasse den til din hjerte innhold. Det er fire widgetiserte områder, egendefinerte widgets, animerte rullegardinmenyer på flere nivåer, støtte for Gravatars, størrelse på miniatyrbilder og mye mer. Grunnleggende kopi (for ett nettsted) er $ 59,99, og Multi Copy (for utviklere) er $ 149.99.


Avhandling
Avhandlingen er et premium WP-rammeverk som fokuserer på fleksibilitet, innebygd søkemotoroptimalisering og hurtige lastetider. Alternativpanelene gir mye fleksibilitet uten å måtte dykke inn i koden. Det er enda en layoutgenerator som lar deg automatisk opprette 1, 2 og 3-kolonneoppsett. Det personlige alternativet (en enkelt nettstedslisens) er $ 87, og utviklerens valg (som tillater flere nettstedutplasseringer) er $ 164.

Nerdist er bare en av de populære bloggene som kjører på temaet.


Genesis
Genesis er et premium WP-rammeverk fra StudioPress. Genesis fungerer på grunnlag av bruk av barnemner for å stilte innhold uten å endre overordnet tema / rammeverk. Den inneholder noen tilpassede widgets (inkludert en for Twitter, for brukerprofiler og funksjoner), samt et utvalg av layoutalternativer. Den inneholder også et antall kroker for videre tilpasninger. Genesis er $ 59,95.


framskritt
Headway er et rammeverk spesielt for de som ikke ønsker å håndtere koding. Den har en visuell editor som hevder å la deg lage alle slags nettsteder, fra standardblogger til e-handelsnettsteder. Konfigurasjonspanelet for Headway er omfattende og lar deg gjøre alt fra å sette inn skript uten koding til innstillingsrettigheter og justere innstillinger for innlegg og kommentarer. Det er et flott tema for alle som bare ønsker å designe og ikke ønsker å håndtere alle back-end ting. Det er to alternativer tilgjengelig: Personlig for $ 87 og Developer for $ 164.


WP Unlimited
WP Unlimited er et annet premium WP-tema rammeverk som lar deg gjøre ganske store tilpasninger fra rett innenfor alternativpanelet. WP Unlimited inkluderer en AdSense-generator for å tilpasse utseendet og AdSense-annonsene dine og for å ordne dem på nettstedet ditt. Det lar deg også tilpasse designen helt, og har innebygde SEO-funksjoner. En personlig lisens er $ 59 og utvikler lisensen er $ 150.


Frugal Theme
Frugal er et svært tilpassbart premium tema rammeverk med mer enn 600 tilpassede alternativer du kan endre rett fra WP dashbordet. Du kan tilpasse nesten alle aspekter av Frugal i alternativpanelet. Utviklere vil også finne Frugal nyttig, da det er god plass til tilpasset CSS, funksjoner, widgets og mer. Frugal har en rekke lisensalternativer: Personlig Basic for $ 89, Developer Basic for $ 169, Frugal MU (Multi-User) for $ 299, Frugal Unlimited for $ 399 og Frugal Complete for $ 499.

Skrevet utelukkende for WDD av Cameron Chapman

Har du et favorittramme som ikke er nevnt ovenfor? Gi oss beskjed i kommentarene nedenfor ...