Skip to content

Månad: november 2009

Att validera CSS 3

Ett problem med CSS 3 är att W3C CSS Validator med all säkerhet säger att din css är invalid. Fast är den verkligen det? Du skriver in modulerna efter konstens alla regler, kanske läser på W3C:s sida om CSS 3 och följer anvisningarna, skriver rätt syntax och anger rätta värden – ändå blir resultatet invalid!

The Last Gateway – PS Tut till ett wallpaper

Jag satt och surfade runt och blev inspirerad av psd.tutsplus.com att göra en fotomanipulation. I denna tut ska jag nu gå igenom hur man kan skapa en häftig surrealistisk bild genom att manipulera ett fotografi och använda Photoshops verktyg. Förutom bilden som vi utgår ifrån behövs också penslar och andra bilder som vi ska maska. Låt oss börja med att se hur slutresultatet blev. The Last Gateway.

aftonbladet.se – ett skolexempel på dålig tillgänglighet och användbarhet

abnej
Ja jag vet att jag har skrivit om Aftonbladet på nätet tidigare men det tåls definitivt att upprepas att aftonbladet.se är ett typiskt skolexempel på dålig tillgänglighet och användbarhet. Jag skulle till och med vilja påstå att det är en av Sveriges värsta websiter alla kategorier med hänsyn till dess storlek och besökarantal. Trenden mot en standardisering av webben går starkt framåt och många webbutvecklare har vaknat upp och blivit medvetna om detta men Aftonbladets webbredaktion tycks istället ha hamnat i någon sorts desperat nostalgitripp från sent 1990-tal. Att ha reklam på sidan är ok men att vara en reklampelare på bekostnad av nyhetsvärdet är inte ok om man går ut med att vara en av Sveriges största nyhetstidningar på nätet. Det som är extra intressant är denna eviga rubrik som tidningen ofta lägger upp: ”Aftonbladet ökar mest på nätet”. Personligen tror jag inte ett dugg på det där. Det finns inte en chans i världen att denna tidning kan öka i den omfattningen som de vill göra gällande. Jag tror snarare det är tvärtom!

CSS 3 – del 4 – Borders

Att använda borders är ett lätt sätt att förhöja valda delar på sin hemsida. Med CSS3 kan man verkligen skapa många finesser! Vad sägs om rundade hörn, gradient borders och border-images? Ja ni läste faktiskt rätt, det går att använda bilder till sin border. De som för länge sedan kanske använde nästlade tabell-layouter minns säkert att man åtminstone använde 2 eller rent av 3 tabeller förutom själva content i syfte att skapa borders med bilder. Nu fixar CSS3 den saken!

CSS 3 – del 3 – Bakgrunder

Med CSS3 medges större kontroll över egenskaperna för background vilket innebär att det öppnas nya möjligheter att designa sin sida. CSS3 tillåter nämligen multipla bakgrundsbilder på ett element. Det spelar ingen roll om det handlar om ett block, box, eller en paragraf så länge man kan lägga till en bakgrund till selektorn (html-elementet).

CSS 3 – del 2 – Texteffekter

Text shadow

Det huvudsakliga målet för denna egenskap var att ge designers och css-kodare ett redskap för att kunna göra texteffekter, vilket tidigare bara kunde bli möjligt genom att man renderade texten som en bild, med alla sideffekter detta gav. Texter som renderar likt bilder är inte sökbara och är av den anledningen väldigt svåra för sökmotorerna att indexera.

CSS 3 – del 1 – Introduktion

Introduktion till CSS3

Stilmallen – Cascading Style Sheet – är ett kraftfullt verktyg i vårt hemsidebyggande. Att skilja på struktur (HTML) och presentation (CSS) skapar också de bästa förutsättningarna för en standardisering med korrekt syntax. De flesta använder idag specifikationen CSS level 2.1 som stöds av de flesta webbläsare, om än i vissa fall med hacks och/eller Conditional Comments för att Internet Explorer ska kunna implementera koderna. Dock är CSS3 på stark frammarsch. Det är egentligen inte så konstigt utan en logisk progress. I takt med nya och mer avancerade applikationer och ett ökat behov av att utveckla webben, exempelvis HTML5 och CSS3, så följer CSS samma fotspår. CSS3 kan man därför förmoda vara den kommande, och av W3C rekommenderade, framtida webbstandarden.

Breadcrumbs utan plugin

De flesta använder sig av olika WordPress-plugin – bland annat just breadcrumbs. Men det går också att fixa breadcrumbs utan plugin på egen hand. Du kan å ena sidan använda din functions.php eller å den andra lägga in några koder direkt på sidan där du vill ha din trådade navigering. Jag har gjort det senare. Vi ska nu kika på hur du kan gå tillväga, och vi börjar med alternativet med att lägga in koderna direkt på sidan. För att göra den enkelt för mig så har jag mina koder i en php-include vilken jag sedan kallar på respektive sida navigeringen ska vara.