Att validera CSS 3

Låt webben blomstra – använd CSS 3

Uppdaterat 2013-12-19


Idag är CSS3 standardvalet för The W3C Validator – CSS 3. Använder du CSS nivå 2.1 ska du klicka på länken fler val och i rullgardinslistan för Profil göra ditt val. Jag rekommenderar dock validatorn W3 Unicorn som validerar både din HTML som CSS på en och samma gång, och den känner automatiskt av vilken profil du använder.

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. Fortsätt ”The Last Gateway – PS Tut till ett wallpaper”

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

abnejUppdaterat 2017-08 07 / Jag har fortfarande inte fått svar från dem, men, Aftonbladet fungerar faktiskt bättre idag även om sidan oavslutat står och laddar in gfx.aftonbladet-cdn.se vilket tydligen är förleden till sökvägen av alla deras bilder. Länken gfx.aftonbladet-cdn.se ligger dessutom i ett javascript i header. Kanske det är därför sidan aldrig slutar att ladda?


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

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! Fortsätt ”CSS 3 – del 4 – Borders”

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). Fortsätt ”CSS 3 – del 3 – Bakgrunder”

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. Fortsätt ”CSS 3 – del 2 – Texteffekter”

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. Det vi använder idag är en kombination av specifikationerna CSS level 2.1 och CSS3. I takt med nya och mer avancerade applikationer och ett ökat behov av att utveckla webben som exempelvis HTML5, så följer även CSS samma fotspår. CSS3 är av W3C rekommenderade webbstandarden. Fortsätt ”CSS 3 – del 1 – Introduktion”