Etikettarkiv: w3c

Anpassa din hemsida för skrivaren

Alla som byggt en hemsida från grunden vet att själva formgivningen görs med CSS medan själva innehållet hanteras av HTML (eller XHTML). Det många inte tänker på är att CSS inte är bundet till formgivning just för skärmen, utan låter dig formge även för andra media.

Ett av dessa är skrivaren, något som kan vara mycket intressant för just hemsidesskapare. Läs mer

Dela: Facebooktwittergoogle_pluslinkedinmail

Du och din mobil(sajt)

För bara drygt två år sedan introducerades den generiska domäntypen .mobi (eller dotMobi som den också kallas) med ambitionen att bli det naturliga valet för webbsidor anpassade för mobila enheter. Domänen administreras av mTLD (som .SE fast för .mobi-domänen) och har en diger rad av sponsorer bakom sig såsom Google, Microsoft, Nokia, Sony Ericsson, Vodafone, m fl.

Det som skiljer .mobi-domänen från andra generiska toppdomäner som .com, .net, .org, med flera, är att den kräver att webbsidor följer standarden XHTML Mobile Profile (förkortat XHTML MP). XHTML MP är en variant av XHTML 1.1 (Basic Profile) och är anpassad för enheter med begränsade resurser som liten skärm och låg anslutningshastighet (har du registrerat en .mobi-domän hos oss har du säkert lagt märke till att parkerat-sidan är en miniatyr av vår ordinarie parkerat-sida). För att upprätthålla kravet på XHTML MP-stöd testar mTLD periodiskt alla .mobi-sidor. Visar det sig att en sida inte följer XHTML MP så kan mTLD, efter kontakt med domäninnehavaren, stänga ned domänen.

dotMobi har sedan introduktionen fått både ris och ros för kravet på XHTML MP. Ris för att många anser att domäntyper skall vara enhetsneutrala och att det inte i domännamnet går att avgöra vilket land det tillhör (som .se för Sverige). Ros för att man är garanterad en mobilanpassad sida och således inte behöver fundera på huruvida webbsidan fungerar i ens mobil eller ej.

För att du som .mobi-utvecklare skall kunna veta huruvida din sida följer alla regler och att den stödjs av de flesta mobila enheter, lanserade mTLD för en tid sedan tjänsten ready.mobi. Med ready.mobi testas din sida i realtid enligt en mängd uppsatta kriterier och ger bra förslag på sätt att ytterligare förbättra din sida.

En intressant sak att notera är att även W3C lanserat en beta-version av sin valideringstjänst för mobila hemsidor kallad mobileOK Checker. Nu finns det alltså all anledning att sätta igång med eventuella .mobi-projekt. Lycka till!

Dela: Facebooktwittergoogle_pluslinkedinmail

Firefox-plugins för utvecklare

Webbläsaren Firefox är hemsidebyggarens bästa vän. Med sin närmast oändliga mängd insticksprogram finns det en hel del godbitar du bör känna till. Nedan listar jag mina absoluta favoriter – ett gäng ”must haves” för alla som vill effektivisera sitt arbete, eller bara få en djupare förståelse av hur en hemsida är uppbyggd.

HTML Validator

Ladda hem.

002-html-01.pngFör att din hemsida skall fungera problemfritt i både dagens och framtidens webbläsare så måste den validera – dvs följa W3Cs standarder, varav en av de viktigaste är HTML. Ett enkelt sätt att kontrollera detta är med insticksprogrammet HTML Validator. Varje gång du besöker en sida så kontrollerar den huruvida koden är korrekt och visar dig resultatet med en liten ikon i webbläsarens nedre högra hörn. Dubbelklicka på ikonen för att få fram källkoden och markeringar om eventuella fel.

Web Developer

Ladda hem.

Insticksprogrammet Web Developer erbjuder dig en hel flora med smarta funktioner för att undersöka hur hemsidor är uppbyggda och hur de beter sig. Bland annat låter den dig validera JavaScript, ändra webbläsarens fönsterstorlek till vanliga skärmupplösningar, markera ut HTML-objekt när du för muspekaren över dem, visa sidan utan CSS, utan bilder eller utan JavaScript, stänga av cookies och mycket, mycket mer.

Firebug

Ladda hem.

002-firebug-01.pngFirebug låter dig inspektera och i realtid editera din HTML-kod, CSS-kod och JavaScript direkt genom webbläsaren. Bland annat kan föra muspekaren över en hemsidas element och direkt få fram den del i HTML-koden som byggt upp det elementet, med tillhörande CSS-inställningar. Gillar du inte vad du ser kan du ändra koden och direkt se resultatet. Felsökning deluxe och ren magi.

Dela: Facebooktwittergoogle_pluslinkedinmail