Skip to content

Kategori: Web

Flat Design – trend 2013

Det har väl inte undgått någon webbdesigner att trenden just nu är skalbar Flat Design för olika konstellationer. Enkla raka stilistiska linjer med läsbar typografi och väl avgränsade avsnitt dominerar UI i stort. Vi talar gärna om läsbarhet (readability), om avvägda gränssnitt som är anpassade till olika media, specialdesign för Retina Display och lämnar ”skeuomorphic design” bakom oss.

Förhandla om tjänsterna med din uppdragsgivare

Vi som arbetar utåt mot nätet etablerar i många fall en annorlunda kundrelation. Att frilansa som webbdesigner, webbutvecklare, gränssnittsdesigner, eller vad det nu kan vara inom webbvärlden, är ett fantastiskt drömjobb – men en slitigt sådant! Fördelen är att man kan välja sina egna arbetstider och det spelar ingen roll var i världen man befinner sig – nätet är ju i princip tillgängligt nästan överallt. Nackdelen är att det kan vara oerhört tufft. Man får hela tiden arbeta hårt för vara med i ”leken”. Tidvis kan även kundkontakten vara väldigt sparsam. Ger man sig sedan in i olika budgivningsuppdrag bör man räkna med att nära på få arbeta gratis för att kunden ska nappa på ditt anbud. För vissa har det faktiskt hänt att betalningen för arbetet uteblivit – kunden struntar helt enkelt att betala av olika skäl. Det är inte förrän du har etablerat ett bra rykte på nätet som du har friare händer att verkligen kunna välja dina kunder. Vad gör du då när du får en kund? Hur ser din inledande presentation ut?

CSS3 text shadow på IE och fonter

Med CSS3 så öppnar sig en helt ny arena med visuella effekter. Tyvärr så har Internet Explorer inte samma stöd för CSS3 men jag tänker i alla fall tipsa om hur man snyggast och enklast kan skapa CSS3 text shadow på IE. Genom att använda IE:s eget filter kan vi få samma, om än liknande, effekt som text shadow på fonten, men det fungerar bara på IE8. Robert Nyman tipsar dock om andra mer avancerade metoder av filter:dropshadow respektive filter:shadow för Internet Explorer och i synnerhet IE 5.5 – 7. Genom att lägga in filter:shadow i en class med .shadow som selektor kan vi implementera effekten även på IE 5.5 – 7.

Framtidens gymnasiala webbutbildning Gy-11

Hur skall framtidens skola utbilda elever i webbutveckling? Vad skall kurserna heta och vad skall de innehålla? Det här är några frågor som Lars Gunther har brottats med det senaste året. Lars Gunther är med i såväl Web Standards Project Educational Task Force (WaSP EduTF) som W3C Open Web Education Alliance Incubator Group, OWEA, en inkubatorgrupp för W3C, vid sidan av att också vara ämnesexpert för Skolverket och ansvarig för att jobba med just detta inför den kommande gymnasiereformen Gy – 11.

Sajter som lär ut xhtml/webbstandard

Det händer då och då att jag hamnar på hemsidor som vill lära ut HTML och XHTML. De flesta har fattat det här med XHTML och/eller webbstandard. Men så finns det andra som bara delvis har förstått. Ett kännetecken för XHTML är att strukturens utseende styrs av presentationen; man använder således alltid css till presentationen och html till att bygga strukturen. För att därutöver få en websajt att kunna implementeras crossbrowser validerar vi den utifrån rätt doctype för att få den att följa en webbstandard. En doctypedefinition underlättar webbläsarnas valideringsverktyg samt att dessa ska kunna utläsa i vilken form hemsidan är konstruerad. Det är den allra första informationen som ska ges till varje besökares dator som besöker sidan. Därefter omvandlas denna information så att besökarens webbläsare kan förstå hur sidan är uppbyggd.

Smashing Magazine: Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip

Smashing Magazine ger sig in i diskussionen kring XHTML 2/HTML 5 på ett något annorlunda vis och jag kan inte låta bli att också vidarebefordra Er deras fenomenala artikelidé. Bilden är alltså hämtad från Smashing Magazine. All credit och copyright to SM and to those who have created this image. Artikeln i sin helhet finns att läsa på Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip.