Den som är intresserad av vad som händer på webbfronten kan ta del av ett livestreamat seminarium den 15-16 november. W3C organiserar och bland talarna hittar man bland annat John Allsopp och Paul Irish. Se hela listan.

Sitepoint listar hela programmet och ger länkar till livestream. Där finns även  länkar till arkiv, där de olika sessionerna kommer att finnas tillgängliga.

En möjlighet att ta del av det senaste som händer i webbstandardvärlden.

Känner du till Operas kursplan om webbstandarder? Nu finns där bortåt 80 artiklar som spänner från olika översikter om att utveckla webbsidor enligt standard, via CSS, HTML, JavaScript till sidor om HTML5, mikroformat m.m. Som vanligt: materialet är på engelska.

Eftersom jag inte kräver att mina elever ska läsa engelska har jag översatt ett par av dessa inför slutuppgifter de ska göra i kursen i webbdesign. Det är ett par artiklar. Det är informativ och nyttig läsning för den som vill fördjupa sin kunskap om hur man bygger en webbplats med bra innehåll och god funktionalitet.

 I den första artikeln, Informationsarkitektur – att planera en webbplats, handlar det om vad man ska tänka på när man planerar innehållet till en webbplats. Författaren tar ett exempel med ett låtsasband och går igenom allt från träff med dem till en färdig struktur för sajten.

Den andra, Vad behöver en bra webbsida?, handlar om vad det faktiskt är som gör en webbsida bra. Vad ska man tänka på? Här tar författaren upp begrepp som navigering, kontext, användbarhet och tilgänglighet.

Om någon är intresserad finns de att läsa eller använda. Just nu är de länkade i “tomma intet”, dvs. på en domän där jag enbart lagt upp material utan gränssnitt. Det är m.a. o. inget större idé att leta efter mer material där, även om det finns en hel del dolt. Jag ska åtgärda det, när jag får tid… och lust…

Här är artiklarna:

• Information Architecture—planning out a web site
  min översättning: Informationsarkitektur – att planera en webbplats
• What does a good web page need?
  min översättning: Vad behöver en bra webbsida?

Brukar du använda eller hänvisa till w3schools? Tycker du att det är en bra resurs? Har du noterat att det kommit en webbplats som heter w3fools.com? Den finns till för att protestera mot w3schools.

Personerna bakom w3fools  inleder sin sida med följande konstaterande:

Vi har en passion för webben, lärande och yrkeskunnande. Vi vill att ni som webbdesignrar och utvecklare ska bli framgångsrika i er karriär. Men vi upplever att w3schools skadar webbgemenskapen (the community) med oriktig information…

Eftersom man anser att det finns alldeles för mycket felaktigt material ger man förslag på agerande: gör w3schools till en wiki, så fler kan hjälpa till att justera innehållet. Gör det åtminstone möjligt att skriva kommentarer på sidorna.

W3schools verkar inte lyssna, så man listar ett antal andra resurser på nätet som bättre alternativ:

• HTML dog
• Opera Web Standards Curriculum
• Google: HTML, CSs och Javascript from the ground up
• Sitepoint reference (min personliga favorit)
• W3Cs eget material – i wikiformat
• MDC (Mozilla’s Doc Center)

Efter det följer en genomgång av direkta felaktigheter.Man har lagt ner mycket arbete och listar betydligt fler än 50 fel. Eftersom w3schools verkar ha tagit åt sig av kritiken, har man börjat stryka över det som blivit korrigerat.

Ett klart annorlunda initiativ. Är det rätt sätt att agera? Vill du höra fler synpunkter kring etiken att kritisera en webbplats på detta sätt kan du lyssna på en podcast från Sitepoint där man diskuterar sajten och sättet attprotestera.

Jag blev något överraskad när jag fick se ovanstående bild. Osökt kom jag att tänka på min gamle kemilärare, Reidar Lie. Nästa tanke var att det var en naturvetare som försökte vara lustig över html.

Men… jag kom på skam. Det här visade sig vara en riktigt bra sida och resurs!!

Det är en pedagogisk uppställning över elementen i HTML5. De är inte bara sorterade efter funktion (t.ex. formulär, textelement, tabellelement etc) utan man kan även klicka på dem och få se en beskrivning.

Men inte nog med det. Josh Duck, som har gjort sidan, har gjort det möjligt att slå in en valfri adress i ett formulär. Då kan man i samma tabell se hur många gånger just den sidan använder vissa taggar. Jag slog in adressen till min blogg och här har jag  klickat på a-taggen och fått en beskrivning. När jag hovrar över link-taggen, ser jag att den finns med vid elva tillfällen på sidan vid just detta tillfälle. Mycket intressant.

Sen finns det en möjlighet till, du har på respektive element en direktlänkt till just det elementet på både från Developers Guide hos W3C, och till W3Schools.

Ett alldeles utmärkt sätt att göra sig mer medveten om (plugga in?) lite fler HTML-taggar.

Idag kommer ännu ett tips om en adventskalender – 24ways.org. De säger själva att de är en kalender för nördar. Så här presenterar de sin kalender:

24 ways is the advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.

Idag är det Richard Rutter som tar en titt på användningen av fonttjänster på nätet. Har visar hur man med ett javascript kan få samma upplevelse i alla webbläsare (vilket inte är fallet annars).

Det är även intressant att bläddra igenom tidigare års kalendrar. Titta till exempel på 2009. Hur mycket av det de skrev om där har blivit allmängods under året som gått? Kanske finns det tekniker som du och jag är redo för först nu, när vi kikar tillbaka.

Det är bara att konstatera att det är en samling av personer som går i spetsen för webbutveckling man lyckats få att bidra. Ett litet måste, och en uppslagsbok att återvända till, när man vill skaffa lite översikt.

Jag läste ovanstående sköna citat av Craig Buckler, en av SitePoints aktiva bloggare.

De som vill slå mynt av webben ekonomiskt behöver alltid ett “hajpat” begrepp. Det har varit Webb 2.0 under ett antal år. Ajax är ett annat begrepp. Nu talas det mycket om HTML5 – inte sällan när det faktiskt handlar om CSS3.

En artikel som kommenterats flitigt tog upp att det var för tidigt att implementera HTML5. En anledning till att den väckte lite uppståndelse beror på att det var Philippe Le Hégaret – officiell person på w3.org – som uttalat sig.

Craig Buckler avdramatiserar det hela, och ifrågasätter även hur citaten kommit till. Han resonerar en hel del kring hur webben fungerar och hur olika standarder implementeras av olika webbläsare.  Hans slutkläm gillar jag skarpt:

HTML5 is not a destination — it’s the journey. We’re not sure where we’re going, but at least all the browser vendors are on the same bus.

Är du intresserad av att använda HTML 5 och CSS 3? I så fall finns det några lathundar 8cheat sheet) att ladda ner.

Hos Smashing Magazine hittar du för CSS 3 och HTML 5 .

Det är inte så ofta jag stöter på bloggposter om webbstandarder – på svenska. Jag länkar oftast till engelskt material.

Därför var det trevligt att upptäcka BluBird Solutions, en blogg av Joachim Andersson. Där ha på sin blogg funderar kring vad som kommer att blir framtidens standarder på webben.

Det är intressant läsning, inte minst för att han gör en tydligt kortfattad historik kring utvecklingen av HTML.

… kallar Virginia DeBolt sin blogg. Hon har jobbat som webbdesigner och delar med sig av sin kunskap på bloggen. Ibland är det små guldkorn.

För den som börjat med webbdesign, och bland annat behöver lära sig innbörden av ordet semantiskt, berättar hon att Chris Mill definierat det som “självbeskrivande”.  Man använder HTML-taggar som beskriver vad innehållet är. Det gäller till exempel en rubrik, en tabell, en lista, ett längre citat. (Man behöver lära sig de engelska begreppen, eftersom det är HTMLs modersmål.)

Bilden ser kanske lite nördig ut, om man t.ex. inte tittat in bakom ytan på en webbredigerare som Dreamweaver. Hon talar i en post tydligt om vikten att tänka i strukturer. Bilden ger exempel på detta. Även om man inte förstår vad det innebär, ger orden inom citationstecken en ganska klar bild av de delar denna webbplats ska byggas upp kring. Eller hur?

Hon ger också en checklista för att testa sin webbplats:

• Validera HTML och CSS
• Prova användbarheten
• Testa alla funktioner och script
• Gå igenom stavning och grammatik
• Testa hur sidorna ser ut i olika webbläsare
• Se hur sidorna ser ut om CSS är avstängt (hur många gör det??)
• Undersök hur vänlig sidan är för sökmotorer

Jag noterade igår att Det finns en bra bok på svenska om att jobba med webbstandard. Tommy Olsson har skrivit “Max räckvidd med HTML och CSS“. Såg just att Lena på kaxigt.com har bett Tommy skriva om bakgrunden till boken. Tack för initiativet!

Där skriver Tommy bland annat om två olika sätt att jobba med introduktion av HTML och CSS. Antingen blandar man båda, som t.ex. Ian Lloyd gjort i sin bok “Build Your Own Web Site The Right Way Using HTML & CSS“. Då kastas man rakt in i båda världarna och kan göra allt på en gång. Baksidan av detta är att man senare, när man använder boken som referens, har lite svårt att hitta. Då tvingas man bläddra fram och tillbaka för att hitta materialet.

Tommy valde att presentera en del i taget, även om det sättet att skriva

kanske är lite torrare och tråkigare. Anledningen är att det då går att skriva boken så att den fungerar som en referensbok när man väl har läst den. Det tycker jag är väl så viktigt, eftersom man knappast lyckas få allt att fastna vid första genomläsningen.

Boken står sig bra som referenslitteratur. Söker man material på engelska om web standards blir det problem att sortera bland alla alternativ. Tänk att det finns de som skriver så initierat – på svenska.

Är du nyfiken på boken kan du även läsa ett provkapitel.