Posted by dipprod on January 13, 2011 at 7:29pm
Hej.
Jag undrar ifall någon har jobbat med 960 Grid System eller om någon vet kanske någon bättre grej än det. Så mycket som jag har kollat på det så ska det vara ganska enkelt och bra att jobba med men jag vet inte hur jag ska anpassa den till min Drupal.
Det finns också något som heter Fluid 960 Grid System som är liknande grej men där är också problemet att det inte finns mycket info om det på varken youtube eller google. Eller rättare sagt så finns det massor men inget i samband med Drupal.
Det som jag har läst är att 960 Grid System ska vara med i Drupal 7 som core.
Snälla hjälp.
Comments
Jo
Från www.960.gs
"The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem."
Stödet i Drupal är helt enkelt att det finns ett tema (finns flera) som byggts upp baserat på 960-modellen.
//christopher
MiniMedia Sweden
Ny på Drupal.
Jag är ny när det gäller Drupal men har erfarenhet av HTML och CSS sedan tidigare. Min uppfattning är att 960 grid system är en teori (med ramverk) om positionering av element inom en bredd på 960 pixlar. Positioneringen är kolumnbaserad. Detta för att optimera användarupplevelsen för så många upplösningar som möjligt.
Som cato nämner finns stödet i form av tema. Tex. Zen nineSixty (960 Grid system) som är ett "rå" tema där utvecklaren får börja formge på en låg nivå.
Är du som mig, ny på Drupal rekommenderar jag att börja med att bygga din sida på grundtemat. Detta för att lära dig verktyget i första hand. Därefter formge sidan. Fördelen är att du får en känsla av vad som är möjligt att göra genom verktyget och vad som behövs kodas för att uppnå.
Temat ninesixty(som även
Temat ninesixty(som även finns till 7.x) funkar finfint och är relativt lättviktigt, har till och med en overlay som berättar kolumnbredden med mouseover på blockelement med grid klasser.
Jobbar du med panels everywhere finns temat precision som kommer ut i beta snart, det använder sig av 48 kolumner (960px) upp till 65 kolumner (1300px).
Floating grids skulle jag inte rekommendera eftersom det blir svårt att få till det med bilder osv.
Drupal 7 innehåller dessvärre inte något core tema baserat på 960.
-Simon
Håller med freshness...
960 är fint i teorin som en layout guide/grid. I praktiken faller det lite, speciellt då AD'n och kunden får bestämma. Vi kör mycket med Panels och i D6 även Panels Everywhere. Min rekommendation är att utgå från en bra utvecklar-template som Basic, Zen eller Advanced Themes och gör resten med CSS.
Stormfors - Sweden
Har jobbat med 960 i
Har jobbat med 960 i kombination med Drupal i ca ett år nu och precis som Frico nämner så är det viktigaste är att designern verkligen vet vad han/hon gör när de designar för 960, annars blir det inte roligt att implementera designen i gridsystemet.
Ett tema som jag kikat lite på senaste veckorna är: http://drupal.org/project/omega
Kommer förmodligen använda det nästa gång jag får ett tema från en "vettig designer" ;)
Annars har jag till Drupal 6 mest använt mig av detta tema:
http://drupal.org/project/zen_ninesixty
Jag skulle också precis tipsa
Jag skulle också precis tipsa om Omega. Har tyvärr inte haft så mycket tid att arbeta med det än men planerar att göra det till nästa version av min portfolio (som jag håller på att designa just nu).
Jag är själv grafiker och från mitt perspektiv så hjälper 960 till att skapa enkla grundregler som gör det enklare att komma igång och "mockupa" fram en hemsida. Istället för att behöva hålla koll på att en del av sidan ska vara si och så många pixlar bred och skapa sitt eget grid för varje nytt projekt har jag plötsligt tydliga riktlinjer och kan sedan säga att vänsterpanelen ska vara tre block bred istället för 240 pixlar osv. Vill jag ha med flexibilitet kan jag helt enkelt använda ett 16 eller 24 linjer stort grid. Ett plus är också att man på www.960.gs kan ladda hem Potoshop-actions som gör att man väldigt enkelt kan skapa dokument med ett färdigt grid i.
En vanlig kritik som jag hört är att sidorna riskerar att bli lite blockiga eftersom allting på sidan blir placerat efter detta rutnät och tankesättet kanske inte fungerar till alla typer av sidor. Men själv ser jag enorma fördelar med att få lite riktlinjer och även slippa skriva om css och html när temat väl ska göras. Med Omega och tillhörande modul Delta kan man exempelvis enkelt gå in och skapa specialregler för vilka block-regioner som ska synas på vilka sidor, hur bred varje region ska vara osv. Så vill jag plötsligt ha båda panelerna till höger på min blogg-layout och göra den ena dubbelt så bred som den andra kan jag fixa detta utan problem, utan att behöva skriva om någon css eller göra specialregler på något annat sätt.