Etikettarkiv: HTML5

HTML – lite historia om webbpublicering

HTML-kod är den kod man använder sig av som grundläggande struktur när man organiserar information för webbsidor. HTML-kod är egentligen inte ett som programmering eftersom det mest handlar om informationsarkitektur och strukturering av information. Den man som introducerade oss för iden att använda ett språk för just kodning av webbsidor heter Tim Berners-Lee och kom med iden redan 1989. 1991 kunde vi se ett kodspråk, där man använde de så kallade ”HTML Tags” för kodning av webbsidor. Kodspråket hade då ca 18 ”Tags” och kunde användas på samma sätt som idag.

Historia för HTML

November 1995 HTML 2.0
January 1997 HTML 3.2
December 1997 HTML 4.0
December 1999 HTML 4.01
May 2001 XHTML 1.1 strict
January 2008 HTML 5

Det viktigast som hänt med HTML-kod och produktion av webbsidor ligger ungefär 6-8 år tillbaka i tiden då många webbdesigners seriöst började stödja och arbeta mot de webbstandarder för digital publicering som arbetats fram av W3C. Under flera år ersattes HTML 4 med XHTML för att man ville se en förändring och man balanserade på ett försök att optimera mot en ny teknisk möjlighet. Skulle detta göra HTML till en gammal standard och XHTML skulle ta över? Nej, det klar gjordes att XHTML 2.0 inte skulle komma att vidareutvecklas utan ersättas av HTML 5 och det är där vi står idag.

Webbstandarder

Webbstandardiseringen kom som en våg tillsammans med sökmotoroptimering i mitten på 2000-talet. En period då många webbdesigners övergick till den alternativa webbstandarden XHTML, ”eXtensible Hyper Text Language Markup”, med fokus på att även integrera mer av CSS3 växte även ny kunskap fram och det tog skruv i W3C.

Semantisk kodning

I mitten på 2000-talet drevs intresset upp för att publicera HTML och webbstandarder av hörde kvalitet. Man började bygga webbsidor utan tabeller som informationsarkitektur och man kunde se en stor skillnad i möjligheterna hur man mer logiskt kunde strukturera information. Semantisk MarkUp betyder att man avser att använda den specifika koden för sitt ursprungsbruk. Detta innebär att man exempelvis använder tabeller endast för att innehålla data, precis som det var utvecklat för från början. Validering av koden blev viktigare och man följde regler som verifierats av W3C och det började bli lite ordning på internetpublicering. Det viktigaste steget i denna utveckling handlade om att man strukturerade informationen på ett organiserat sätt samt flyttade ut design och form i den tekniken man kallas CSS, Cascading Style Sheet.

Det viktiga med semantisk kodning kom av att man kunde separera information och design och optimera ändringar optimerades i varje projekt via en en da fil i projektet. Minsta lilla ändring kom globalt att ändra alla sidor med ett enda klick och man optimerade sidorna mycket snabbare. Detta kom senare även att vara av vikt för sökmotorerna som värderar snabbare sidor högre i sökmotorplaceringar idag. Ju bättre jobb du har gjort i webbstrukturen och optimeringen av alla detaljer desto bättre Sökmotoroptimering och placering når sidan.

Gamla webbläsare och nya webbstandarder

Det generella problemet med webbstandarder och den snabba utvecklingen som kom var att stora företag med interna policykrav stretade emot eftersom förståelsen för att hänga med trender i webbranschen inte alls gick hand i hand med deras kunskap eller intresse. Detta försenade mycket av hur man kunde använda senaste tekniken för webbpublicering och även börja integrera CSS3 tillsammans med HTML5.

Microsoft hade tidigare släppt en mycket dåligt förberedd webbläsare. Den ökända Internet Explorer 6, som under 10 års tid invecklat webbutvecklingen istället för att gå med strömmen, hittat på egna standarder som inte gick hand i hand med W3C webbstandarder. Detta satte käppar i hjulen för oss webbdesigners och webbdesign var ett tidsödande elände under många år. Vi som varit med från början när Netscape och Internet Explorer kom hade ett lättare läge då vi hade mer erfarenhet av hur krångligt det kunde bli med cross-browser utveckling.

Nya webbläsare och webbstandarder

Vi har idag ett antal nya webbläsare och roliga möjlihgeter att publicera information med ny teknik. Med HTML5 har vi nya utsikter och man kan redan idag använda sig av de flesta ”Taggar” för både Video och andra roliga sätt att integrera exempelvis Sociala Medier. VI har även kommit till ett steg i utvecklingen där vi även borde se till användarnas behov och tekniska utrustning. Jag talar om det som kallas för Responsive Design. Det är kul när teknik inte fastnar och man inte kommer någon vart. Idag har vi kommit en lång bit på väg för internetpublicering men vi kommer skratta gott om några år om hur vi idag arbetar.

Responsive Webbdesign – anpassa befintlig information

Nyaste tekniken är inte heller helt ny men det senaste i utvecklingen för webbdesign handlar om att man anpassar informationen till användarens verktyg. Mobil användande av internet har exploderat de senaste åren och det ser inte ut som det verkar lugna sig direkt snart. Dagens webbsidor har ingen anpassningsstandard men det är på gång att vi arbetar fram en teknik som baseras på den existerande informationen men anpassar den med CSS. Helt enkelt konverterar man utseendet och innehållet till varje användares verktyg och når på så sätt en helt ny publik med väldigt lite arbete. Detta går att lösa redan för något år sedan men det finns få webbsidor som har använt sig av Responsive Design ännu.

Flash på Webbsidan?

Nu är det snart 7 år sedan jag utvecklade en flash för att placera som INTRO på en webbsida. Det finns fortfarande massor med webbsidor som har kvar sina gamla flash banners men som med utvecklingen borde ersättas med en modern sökmotorvänlig animerad banner.

Flash kom som ett väldigt bra animationsverktug i slutet på 90-talet och man kunde göra fantastiska webbsidor i Flash och man hade ingen koll alls på laddningstider, användarvänlighet eller besökarens vilja utom att man skapade en fantastisk upplevelse. Flash utvecklades av det avancerade multimediaverktyget Director om slog stort för att producera CD-ROM och Multi Mediaproduktioner. VI får väl säga att CD-ROM dog ganska snabbt och internet tog över.

Ersätter Flash
Idag använder man inte alls flash av flera olika skäl.

  • Dålig sökmotorvänlighet
  • Krånglig uppdateringsmöjlighet
  • Behov av plug-in i din webbläsare
  • Borttagen funktionalitet i MAC/Apple
  • Utanför webbstandardsreglerna för webbpublicering

Det har funnits väldigt bra användningsområden med Flash, bland andra då man använde sig av tekniken Scalable Inman Flash Replacement (sIFR), för att skapa snygga titlar innan man kunde använda import av typsnitt som idag med exempelvis Google Fonts etc,.

Ersätt med jQuery
Ingen direkt ny teknik då den har använts av webbutvecklare de senaste 5-6 åren. Det bästa med denna teknik är att den är enkel att uppdatera och man når en sökmotorvänlighet som ör oslagbar. Namngivande av bilderna i en slide, Titlar av texter kan inplementeras och bli väldigt användbara samtidigt som det är snyggt att anvönda båda toning och slid funktioner på ett enkelt sätt.

Det finns fortfarande en tvekan om att flash kommer stanna hos oss och visst har den viss funktionalitet men så länge vi går mot en Mobil webb så blir det inte lätt om man inte hittar vettiga konvertsringstekniker som gör att det även fungerar på den allt mer växande Apple plattformen.

Adobe håller inte riktigt med tydligen… läs mer här

Apps eller HTML5 konvertering?

Kommer apparna försvinna och ersättas av HTML5 och sökmotorvänliga lösningar? Det är en intressant utveckling då appar eller applikationer för mobila enheter faktiskt exploderat senaste åren.

Det positiva är att man kommer undan med extra utvecklingskostnader och det är mycket enklare att konvertera om en webbsida eller flerplattformsverktyg till HTML5. Man gynnar användarvänlighet och tillgänglighet då man mycket lättare och snabbare kan producera ”apparna”.

Läs artikeln här och dela på dina tankar och ideer kring detta.