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.

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

CSS 3 – del 5 – Box shadow

I CSS 3 – del 2 visade jag hur man kan lägga till skuggeffekter på sin text men det går också alldeles utmärkt att skugga sina boxar med CSS 3 – om man vill förstås. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

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. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

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?


(mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

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! (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

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). (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

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. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.

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. (mer…)

Författare: Lena

Lena är en riktig web geek med sikte mot web standards. Hon har både fått utmärkelsen Årets WebQueen som att ha blivit omskriven för sina insatser på nätet. Hennes stora intresse är gränssnitt. Lena är gränssnitt- front end designer och har studerat design, gränssnitt, tillgänglighet, användbarhet och web standards på Blekinge Tekniska Högskola.