Redesigntankar
Välkommen till Supermumin. Om du tycker det verkar vara en bra idé att följa vad jag skriver i fortsättningen, får du gärna prenumerera RSS-flöde. Tack för besöket!
Jag är så förtjust i det här med att inte ha någon CSS att jag nästan är sugen på att bara slänga ihop en liten fil med positionering och typografi och sen låta det vara (á Whitespace). Fast jag är lite väl designbögig för det. Fast jag har bestämt att jag ska slänga ihop en annan design. Om inte annat, så är jag sugen på att lägga om sättet jag har byggt sidan på.
Vi kan ta det lite kort. Kommer inte bli kort, men vi försöker iaf.
Just nu är sidan uppbyggd av tre stora “behållare” (för er som kan HTML, <div></div>) och sedan indelad i massor av små beroende på vad för sorts text den innehåller (igen, för er som kan HTML, <div>, <span>, <ul> och slutligen <p>). En för logon, en för menyn och en för själva “innehållet” och footern. Den som innehåller logon är 100% bred, den sträcker alltså över hela bredden på webläsarfönstret.
Meny-behållaren däremot, är satt till en viss bredd, och håller sig där hela tiden. Själva “knapparna” i menyn är satta till en precis exakt del av menyn, alltså inte i procent, utan en fast siffra (i ems), en siffra som är meny-bredd delat på antalet knappar, alltså i “förväg” uträknat. Det är dumt av massa skäl, men eftersom jag ska försöka hålla det kort (och inte har exakt koll eftersom jag aldrig någonsin gör riktig research innan jag skriver sånt här), så skippar vi det.
Tredje “behållaren”, den för innehåll, den största, är egentligen den som är grund till att jag vill göra om. När jag byggde den här siten så var jag helt fascinerad över hela scenariot med ems och hur de funkar, så jag använde dem på hela siten. Visst, sidan blir lite mer dynamisk och flytande, men bara om man ändrar text-storleken. Dessutom kan man bara göra det dynamiskt och läsbart till en viss gräns, i slutändan så går sidan “sönder” hur man än gör. Det gör ingen skillnad hur stort webläsarfönstret är, sidan påverkas egentligen inte (det är bara loggan som expanderar med webläsarfönstret). På grund av det, så ändras bara sidan när man ändrar textstorleken, men jag misstänkar att det förmodligen aldrig har hänt på den här sidan, eftersom jag inte har någon sådär jätteliten storlek satt från början och dessutom inte har en fast storlek utan en som förhåller sig till “yttepytteliten, liten, mellan, stor, enorm”-systemet i webläsare. När jag byggt sidor på senaste, så har
jag använt ett lite annat knep för att sätta storlek på sidor. Med en release av IE7 som är någorlunda nära och med tanke på webläsarstatistiken på sidorna jag gjort, så gör det inte så mycket att den inte är helt IE-säker.
Istället för att sätta en fast bredd på “behållaren”, så sätter man en dynamisk fyllnad, “padding”, på det element som håller själva sidan. För de som förstår sig på technomumbojumbo; body {padding:0 10%;} (titta, jag har lärt mig shorthand!), a.k.a. 10% padding på höger och vänster sida, vilket resulterar i 20% padding totalt, vilket alltså gör att allting på sidan hamnar 10% bort från sidorna. Hängde ni med? Ovanpå allt detta, så sätter man en maxbredd (mha max-width:; i CSS) och en minimibredd (mha min-width i CSS). T.ex. brukar jag ha #behållare {max-width:900px;min-width:300px;}. Det är här metoden blir “icke IE-säker”, eftersom IE inte har stöd för max-width och
min-width, precis som den inte har stöd för min-height och max-height. Eftersom jag egentligen inte gjort några större projek eller färdiga, så har jag inte prövat möjligheter med metoden heller. I exemplet använder jag pixlar för att sätta storleken; då tappar jag allting som är bra med sidan ni tittar på (om ni tittar på den 5e april får ni skita ner er för det är naken-dagen!). Jag har inte heller tittat ut några speciella problem med hur allting kommer se ut i olika upplösningar, jag använder 1280×1024 på min dator och testar i huvudsak bara genom att ändra om storleken på mitt webläsarfönster (som i princip aldrig är i fullscreen) mha web developer toolbar-pluginen till Firefox. För ett tag sen funderade jag på att köpa mig ett delkonto på Browsercam, men det blev lite overkill när produktiviteten så att säga gick ner sig lite.
Samtidigt har jag lite problem med att bestämma mig om jag ska fortsätta ha en sån där fet footer eller om jag ska göra mig en sidebar igen. Jag menar, jag tycker det är häftigt med tjocka footers, men min använder inte utrymmet speciellt bra. Den använder kanske 75% av utrymmet, mest för att jag inte riktigt tänkte igenom hur jag skulle göra när jag kodade ihop den och slängde dit den. Jag ville bara ha den istället för en sidebar. Det var allt jag tänkte på. Dessutom har jag inte provat att göra någonting sånt med den ovan nämnda tekniken. Men man lär sig något nytt med varje redesign, eh?
— Taggar: Livet i allmänhet
Inga kommentarer. Lagt under kategorin "Livet i allmänhet". Pusha inlägget eller pinga via Ping.fm. Om du gillade inlägget kanske du vill börja prenumerera på RSS-flödet?
