Supermumin – Blueprint Edition

Då är det alltså gjort. Jag har lagt upp en helt ny design. Jag har ju faktiskt tjatat om kodandet hela veckan, så det är väl kanske ingenting nytt under jorden.

Hur som haver, sidan är, om jag inte nämnt det tidigare, ähum, utvecklad med hjälp av Blueprint CSS (och om man ändå ska prata om saker som gjort utvecklandet lättare, texteditorn e är värt guld!). Det går bra mycket snabbare när man gör någonting mha ett framework. Nu skulle jag väl kanske inte göra allting som jag gjort här, främst för att det blir väldigt kladdig HTML, och det är inte världens mest SEO-mässiga kod heller. Det är lite div mania över det hela, väldigt, väldigt osemantiskt.

Men det gick snabbt! Och det krävdes inte mycket jobb! Jag kan säga såhär, nästa gång jag behöver göra ett projekt snabbt och snyggare än jag någonsin hade gjort det på frihand, så blir det ett framework. Frihandskodning i all ära, men det blev väldigt mycket smidigare.

Grid-baserade frameworks som Blueprint och 960 funkar i praktiken såhär: Frameworksen kommer med ett gäng klasser som gör det lättare att lägga upp din sida. Blueprint kör med klasser i stil med “span-4” etc. Det betyder i praktiken att elementet som blivit tilldelad klassen, kommer sträcka sig över fyra fält av griden. I fallet med supermumin, så består griden av 24 fält.

Svårare än så är det inte, i praktiken, åtminstone inte om man kan lite CSS. Det är inte direkt rekommenderat att man ger sig på ett framework det första man gör, eftersom man missar helt otroligt mycket om hur CSS funkar, utöver det faktum att det kan bli väldigt svårt att förstå varför en del grejer funkar som de gör.

Jomen, så att säga, vad mer är nytt. Jo, lite mer reklam. Jag testar det ett tag. ‘Nuff said.

Ja, jo, just det, jag har haft en historia av rosa layouts. Det börjar, i princip, med att Erik a.k.a. Neme, hade en HTML-layout han inte skulle ha. Jag snodde den, eftersom jag köpt domänen, köpte ett webhotell och slängde upp allting på en Textpatterninstallation. I ärlighetens namn var jag markupnazi nr. 1 på den tiden, och jag gjorde i princip om hela koden så att den skulle vara semantisk och fin. Det var ungefär fyra-fem år sen. Jag har blivit latare på den tiden. Och skäggigare. Annars är jag, i princip, likadan.

Den layouten var väldigt, väldigt, väldigt rosa. Och ungefär varje gång jag gjort en uppdatering av sidan har det hängt med. Och när jag äntligen gjorde mig av med den rosa färgen, så började Erik och Marcus att klaga. Något brutalt. De vägrade gå in på bloggen och läsa någonting, eftersom det inte fanns nog med rosa på sidan.

Nå – nu säger jag det – ‘nuff’s ‘nuff. Det är allt jag har att säga. Ni kan suga något tjockt och kraftigt om det inte passar. Speciellt du, Erik.

Nå, jag är iaf nöjd med sidan. Flickvännen fick, som förutsagt, hjälpa mig med en ny färg, den gula just didn’t cut it. Nu blev det iofs inte så att hon hatade färgen, men hon tyckte bättre om den här färgen (och det gjorde jag med).

Såså, det är allt. Nu vet ni att jag har en ny layout, och ni har även fått höra en hel massa annat som ni inte ville veta men vet ändå. Sådetså.

Liknande inlägg:

  • http://ottoman.blogg.se Otto

    Jävligt nice resultat! Tycker dock inte om alla fonter, men det är ju subjektivt :) Tack för länkarna också, Blueprint verkar ofantligt bekvämt! Ska kika lite mer på det… hoj!

  • http://ottoman.blogg.se Otto

    Jävligt nice resultat! Tycker dock inte om alla fonter, men det är ju subjektivt :) Tack för länkarna också, Blueprint verkar ofantligt bekvämt! Ska kika lite mer på det… hoj!

  • http://intensedebate.com/people/MarkusL Markus

    Tack tack! :)

    Egentligen är det bara tre olika fonter. Den i headern (den är så gammal att jag glömt bort vilken det är), brödtexten (typ arial eller något sånt) samt serifen som ändras beroende på läsare/operativsystem. Sen blir det lite rörigt när jag har lite olika tjocklekar, kursivt här och där samt reklamen och IntenseDebate. Jag ska se över dokumentationen från IntenseDebate och se om jag kan anpassa stilen lite mer, men just nu håller jag på med lite annat.

    Blueprint är riktigt skönt om man har tänkt sig något i stil med grids eller sådär (egentligen byggs ju allting på grids, men det är inte alltid man vill begränsa sig till ett framework som arbetar på samma sätt som Blueprint gör). Både struktur och styling går lite snabbare. Jag lekte med forms-klasserna tidigare idag, och blev hyffsat nöjd. Luftiga och fina formulär mha de klasser som finns tillgängliga.

  • http://intensedebate.com/people/MarkusL Markus

    Tack tack! :)

    Egentligen är det bara tre olika fonter. Den i headern (den är så gammal att jag glömt bort vilken det är), brödtexten (typ arial eller något sånt) samt serifen som ändras beroende på läsare/operativsystem. Sen blir det lite rörigt när jag har lite olika tjocklekar, kursivt här och där samt reklamen och IntenseDebate. Jag ska se över dokumentationen från IntenseDebate och se om jag kan anpassa stilen lite mer, men just nu håller jag på med lite annat.

    Blueprint är riktigt skönt om man har tänkt sig något i stil med grids eller sådär (egentligen byggs ju allting på grids, men det är inte alltid man vill begränsa sig till ett framework som arbetar på samma sätt som Blueprint gör). Både struktur och styling går lite snabbare. Jag lekte med forms-klasserna tidigare idag, och blev hyffsat nöjd. Luftiga och fina formulär mha de klasser som finns tillgängliga.