links for 2009-09-06
-
Ett modalfönster som är oberoende av javascript.
-
Att tänka på när du kodar Django.
-
Små och enkla kodsnuttar för vanliga problem. Bra att ha.
-
Den senaste draften från W3C.
-
Snygga former och mönster med hjälp av typsnitt!
-
Onlineverktyg för att skapa wireframes. Bättre än Balsamiq?
Principer och best practices inom modern webbutveckling
Det finns många ord och uttryck som beskriver best practices och viktiga principer inom modern webbutveckling. Här gör jag ett försök att beskriva några som man ofta stöter på inom front-end-utveckling. Flera av dem innebär i praktiken samma sak, men det kan vara bra att känna till de individuella begreppen:
Progressive enhancement
Tilltagande förbättring. Progressive enhancement är ett sätt att arbeta med tekniker i flera skikt. Alla besökare får det grundläggande innehållet på en webbsida oavsett webbläsare och uppkoppling, medan man samtidigt erbjuder de med bättre bandbredd eller bättre webbläsare en förbättrad upplevelse av sidan. De serveras alltså en lyxigare sajt. De tre skikt man oftast talar om är html, css och javascript, där varje lager bidrar till en förbättrad version av sidan för de som kan ta emot den tekniken.
Se ett praktiskt exempel på användandet av progressive enhancement här.
Graceful degradation
Elegant degradering. Graceful degradation betyder att du utvecklar din webbsajt så att den ska fungera även när besökaren har sämre mjuk-/hårdvara, som inte stöder den senaste eller mer avancerade teknikerna. När du använder funktioner som de senaste webbläsarna stöder, ska du göra det på ett sätt så att äldre webbläsare ändå kan använda sajten. Dessa besökarna får då nedgraderas till en mer basic version, men där allt viktigt innehåll fortfarande kan tillgodogöras, även om det kanske inte ser lika snyggt ut.
Se ett designexempel på graceful degradation här.
Läs om skillnaden mellan Graceful degradation och Progressive enhancement här.
Unobtrusive javascript
Icke påtvingande javascript. Unotrusive javsacript innebär att du separerar beteende (javascript) från innehåll (html). Dvs. använd inga onclick-attribut, href="javascript:alert();" eller dylikt i html-koden, utan placera all javascript i separata filer. Javascript ska användas som extra funktionalitet på sidan och inte krävas för att sidan ska fungera. Med unobtrusive javascript ger man en rikare gränssnitt utan att stänga ute personer som surfar med javascript avstängt.
Se ett exempel här hur du gör ditt javascript unobtrusive.
SPOT (Single Point of Truth)
Den enda sanningen. SPOT handlar om att hantera redundans och undantagsfall, och innebär att det alltid ska finnas ett default-tillstånd som används då inget annat lyckas eller kan användas. Skriv därför viss global grundläggande kod som kommer att gälla som fallback för alla och alltid. Bygg sedan ut funktionalitet och utseende för andra specialfall eller typer av användare, det kan te.x. handla om att ändra layouten vid vissa skärmstorlekar.
Se ett exempel på SPOT med css 3 här.
Hade du koll på alla dessa begrepp? Vilka uttryck har jag missat?
[tags]webbutveckling, best practice, progressive enhancement, unobtrusive javascript, graceful degredation [/tags]
Lillbra.se fyller 3 år
Idag är födelsedag för lillbra.se – det är exakt tre år sedan jag började blogga här! Under året som gått har jag skrivit 73 stycken inlägg. En minskning jämfört med första och andra året. Men det är ändå helt naturligt eftersom jag flyttade visst innehåll till jonatanlarsson.se istället, samt att aktiviteten på min Tumblr och Twitter har ökat rejält.
Förra födelsedagen lovade jag att byta design, vilket jag inte gjort ännu… Men gör ett nytt försök detta år, håll utkik 
Länge leve bloggandet, och stort tack till alla er läsare!
[tags]lillbra, lillbra.se, födelsedag, blogg, blogging[/tags]
Jag heter Jonatan Larsson och jobbar som webbutvecklare. Det här är min blogg om webbutveckling och webb- trender. Du kan läsa mer om mig här.
