Har du en bra editor för att skriva din html-kod så kan du enkelt se om din kod validerar korrekt i html eller om det är några missar du gjort. Felen/varningar från editorn kan handla om allt från att du har missat att skriva alt-taggar till dina bilder till att du har div:ar som inte har stängts. Hur duktig du än är på html så är det väldigt enkelt att göra missar, t.o.m. när du har en bra editor.

HTML är snabbt

HTML är snabbt om man jämför med att ”slänga in sin hemsida i något ramverk”. Med snabbt menar jag att det är snabbt att ladda. Ramverk är ju väldigt generella och ska passa till många syften så det är inte konstigt att de i standardutförande tar längre tid att ladda. Den tiden man pratar om här är dock inte sekunder utan snarare om milisekunder så för blotta ögat spelar det ingen större roll. För en belastad server kan det dock spela väldigt stor roll om det tar 50ms eller om det är 10ms för att presentera hemsidan för besökaren.

Revisionshantering

När jag själv jobbade med html en gång i tiden så blev det lätt oordning i filstrukturen och gärna massa dubletter, som t.ex. index.html, index_old.html, index_old2.html osv. Det blev också ibland en hel del onödiga mappar som skapades temporärt som aldrig togs bort. Ja du som har jobbat med html från ”scratch” känner garanterat igen dig!

Nu för tiden finns det revisionshanteringssystem som är mycket bra där man kan återställa felaktigheter eller se vad som är gjort vid vissa tillfällen i koden. Detta ställer ganska hög krav på dig som använder ett specifikt revisionshanteringssystem. Olika revisionshanteringssystem har olika höga inlärningströsklar. Att installera, konfigurera och använda revisionshanteringssystemen som finns på marknaden är inte alltid så lätt. Ofta dyker det upp någon liten sak vid en installation där generell mjukvarukompetens ibland är nödvändigt för att lösa problematiken. Då dessa system ofta har ursprung från Linux/unix – världen så är man som Windows användare ganska så ”lost”.

Inget ont om varken linux- eller windows användare, men ofta är saker som har sitt ursprung i linux-världen inte så användarvändarvänliga och wndows-användare förväntar sig några klick på en knapp för att saker och ting ska fungera.

Kan vem som helst skapa en hemsida med html-filer?

Är det svårt att skapa en html sida? En html-fil är en textfil som har ändelsen .html (oftast) istället för .txt. Jag tror de flesta kan skapa en textfil i Notepad/anteckingar som har en dator. Att skapa en html fil är absolut inga konstigheter. Vem som helst med grundläggande intresse kan lära sig att skriva html också. Lite taggar som talar om att en bild ska finnas, lite rubriker, lite paragrafer osv.

Att skapa grundläggande taggar som finns inom head-taggarna där man gärna definierar hur sökresultat för hemsidan på google ska presenteras är bra. Det gäller även hur hemsidan ska presenteras på sociala medier med open graph titlar m.m. Det är inget måste men det är väldigt bra om det görs. För att sidan ska fungera med å,ä,ö i alla operativsystem/webbläsare ska man definiera teckenuppsättning, om det t.ex. är UTF-8 eller om det är windows 1252 som html-filerna är skrivna i. Det finns olika versioner av html och här är det viktigt att man definierar vilken version av html som man ska använda. Alla moderna hemsidor ska mobilanpassas (ja det är ingen fråga ens idag) och även här får man definiera några saker som gör att det ser så bra ut som möjligt i mobilen.

Ovanstående är inte solklart för alla. HTML är flexibelt men det är ganska hög svårighetsgrad för att sätta sig in i html om man ska få koden korrekt och få bästa möjliga förutsättningar för en bra hemsida.

Är det bättre att skapa en wordpresshemsida än en html-sida?

Nej absolut inte, men det krävs definitivt mer kunskap att skapa en sida baserad på html än att installera en wordpresshemsida på sin domän. Många webbhotell erbjuder dessutom så kallade ”one-click” lösningar, där man i princip klickar sig igenom för att skapa en hemsida där man kan ange sin text. Du slipper tänka på alla tekniska detaljer som krävs. Det tar helt enkelt WordPress hand om.

En viktig aspekt är ju självklart vad man vill uppnå med sidan. Om man drar en jämförelse hemsidor vs. gräsklippare: En åkgräsklippare är ju t.ex. bättre än en vanlig handgräsklippare men skulle nog inte fungera så väl på en liten gräsmatta på 2×2 meter. Med detta sagt menar jag att det inte är jättestor idé att skapa en wordpresshemsida med en eller två sidor som sällan behöver uppdateras, men däremot kommer man upp i ett antal undersidor där man ofta uppdaterar innehåll så är det absolut värt att fundera på om en hemsida gjord i html verkligen är rätt för ditt/era behov.

Kan vem som helst skapa en WordPresshemsida?

Kan man skapa html kod kan man garanterat skapa en wordpresshemsida. Vem som helst kan inte skapa en hemsida i wordpress men jag skulle vilja säga att vem som helst kan skapa en grund för en hemsida i wordpress med lite vilja. Vad jag vet så finns det ingen webbyrå i dag som utgår från ren html när de skapar och designar sina sidor och det beror helt enkelt på att det finns ramverk som t.e.x WordPress som är smått fantastiskt flexibelt men ändå har en enkelhet som få ramverk har lyckats återskapa. Självklart finns det andra ramverk som ibland är lämpligare att använda, men återigen beror det på behovet.

Kan vem som helst skapa en sida i html?

Ska man skapa en hemsida i html så bör man även ha kunskaper i css och javascript. Man måste förstå hur olika taggar används och i vilket sammanhang. Det är jätteviktigt att man både ”öppnar” och ”stänger” lika många taggar annars kan man få väldigt oförutsedda resultat som presenteras på sin sida. Man bör ha en revisionshantering på sin hemsida för att undvika att arbete går förlorat genom att man råkat göra ett antal fel och inte gjort någon backup. Man bör ha en bra texteditor samt bör man förstå varför en hemsida fungerar på ett sätt i Internet Explorer 8 och på ett helt annat sätt i Safari.

Så till huvudfrågan… Vem som helst kan göra en wordpresshemsida men kan vem som helst skapa en hemsida gjord i html?

Nej!

Inlägget Vem som helst kan göra en wordpresshemsida men kan vem som helst skapa en hemsida gjord i html? dök först upp på Webbdesign och Webbutveckling i Skövde.

Blickfång mobilanpassning

Wibergs Web fick i uppdrag att mobilanpassa en befintlig webbshop som heter Blickfång.se. Blickfång är en webbshop säljer lantlig, rustik och annorlunda inredning från Helsingborg. Med Wibergs Web’s expertis inom html, css och jquery var det inga problem att lösa de behov som fanns för den mobilanpassning som gjordes och en del extra justeringar utöver själva mobilanpassningen har gjorts – t.ex. att uppdatera pris i toppmenyn i realtid när man gjorde justeringar i kassan.

Blickfång – desktop

Användarperspektiv – mobilanpassning

Man kan tycka olika saker – om man ska mobilanpassa en sida eller inte… I ett användarperspektiv så kan det både bra och dåligt, men ur ett ett SEO-perspektiv så är det förkastligt att inte ha sin hemsida mobilanpassad då Google rankar (prioriterar) sidor som är mobilanpassade betydligt högre (sedan 21 april 2015) än sidor som inte är mobilanpassade.

Att mobilanpassa en hemsida

Att mobilanpassa en sida är inte speciellt svårt, det är inte speciellt svårt att skapa en hemsida och det är inte svårt att programmera . Men med detta sagt så kan det konstateras att inget är svårt om man kan det, och mobilanpassning är en av sakerna som Wibergs Web är extremt duktiga på. Att mobilanpassa en hemsida handlar väldigt grovt om att justera lite html och ändra lite css. Detta låter enkelt i teorin, men med den expertis av webben som finns i bagaget så är det inte riktigt så lätt som det låter.  I vissa fall kan det t.o.m. vara mer prisvärt/tidseffektivt att göra om hela hemsidan, men det är något som avgörs från fall till fall och givetvis något som kommuniceras med kund.

Osäker?

Har du/ni funderat på er hemsida och vad som går att göra med den? Har ni funderat på att göra en enkel, snabb lösning med en mobilanpassning? Som sagt, ibland är det relativt enkelt att göra en mobilanpassning av en sida (det beror helt enkelt på hur nuvarande sida är uppbyggd) och ibland är det onödigt komplicerat och då kan det vara mer prisvärt att göra en ny hemsida. Wibergs Web – den genuina webbyrån kommer att guida er vad det finns för alternativ. Självklart är beslutet ert i slutänden. En annan sak att fundera på : Ska ni ändå ska göra om er hemsida – varför inte satsa helhjärtat på en hemsida med en snygg unik webbdesign?

Inlägget Mobilanpassning av Blickfång dök först upp på Webbdesign och Webbutveckling i Skövde.

Tyvärr måste jag bli lite teknisk här för att kunna förklara vad klasser i css är. Jag ska göra mitt bästa för att även den oinvigde ska förstå eller i alla fall få ett hum om vad det handlar om.

En klass är enkelt beskrivet ett sätt att sätta attribut för flera olika html-element genom att ange attribut en gång. Denna klass fungerar som en mall för olika värden.

Vad är en klass i CSS?

Om man vill att attribut som storlek på text, färg på text och radhöjd på text ska vara samma för alla rubriker,så kan man skriva så här i html:

<h2 style="font-size:14px;line-height:28px;color:#ff0000;">Rubrik1</h2>
<h2 style="font-size:14px;line-height:28px;color:#ff0000;">Rubrik2</h2>
<h2 style="font-size:14px;line-height:28px;color:#ff0000;">Rubrik3</h2>

Om man gör på ovanstående sätt och har väldigt många rubriker så det blir svårt/jobbigt att ändra då man måste ändra på alla ställen i sin html-kod där denna rubrik finns. Det går då istället att göra så här:

<!-- HTML -->
<h2 class="title">Rubrik1</h2>
<h2 class="title">Rubrik2</h2>
<h2 class="title">Rubrik3</h2>


/* CSS */
.title {font-size:14px;line-height:28px;color:#ff0000;}

.title är i det här en klass i css.

W3C är en organisation som tar fram standarder som webbläsare bör följa och införandet av klasser gjorde det möjligt att på ett enkelt ändra dessa attribut på ett och samma ställe.

Kombinera klasser i CSS

Det går också att kombinera olika klasser där man använder attributen från bägge klasserna (eller attributen från fler klasser). Vill man t.ex. ha två stycken blå titlar så skulle man kunna gör så här:

<!-- HTML -->
<h2 class="title blue">Rubrik1</h2>
<h2 class="title blue">Rubrik2</h2>
<h2 class="title">Rubrik3</h2>


Jag tror det var här förvirringen började för mig. Rent logiskt borde man kunna skriva:.title blue {color:#0000FF;}

Detta hade varit logiskt då det ser ut likadant i html som i css (.title .blue). Även om det känns mest logiskt så kommer det inte .title .blue ha någon effekt på någon av html-elementen.

Detta beror egentligen på två saker.

1. Klasser kan inte ha mellanslag i sina namn i html.
2. I css betyder mellanslag nästa nivå i det s.k. DOM-trädet. Här finns en bra förklaring på vad DOM-trädet är (engelska)

Detta betyder alltså att rubriken H2 ska inkludera klasserna: title, webdesign och webdev
<h2 class="title webdesign webdev">Rubrik1</h2>


Att kunna ändra allt på ett ställe är givetvis en stor styrka med klasser i css men ytterligare en styrka är just att det går att kombinera klasser på ett flexibelt sätt för att uppnå olika resultat. Den klass som definieras sist i css innehåller de attributen som prioriteras högst.

css:

.title {font-size:14px;line-height:28px;color:#ff0000;}
.webdesign {color:#0000ff;}
.webdev {color:#cccccc;}


Denna HTML betyder alltså att rubriken H2 ska inkludera klasserna: webdesign och webdev
<h2 class="webdesign webdev">Rubrik1</h2>


Resultatet av ovanstående HTML är att rubriken blir grå (.webdev {color:#cccccc;}). eftersom den sista regeln i css prioriteras högst. Lägg märke till att klassen title inte finns med här och textstorleken och radhöjden blir det som är satt som standard av webbläsaren du använder.

Boktips? 1MiljonBoktips

Klasser är ett förvirrande begrepp

När jag började lära mig koda css (cascade styling sheets) så måste jag erkänna att jag hade väldigt svårt att förstå hur allt hängde ihop. Det pratades bland annat om klasser och jag förstår i ärlighetens namn inte än idag varför man valde att kalla det klasser i css. Det här med mellanslag som betyder olika beroende på om det är html eller css för samma sak kändes också förvirrande. Tilläggas kan att det finns ett begrepp inom objektorientering som också heter klasser – och då är det något helt annat man pratar om som bidrar till ytterligare förvirring. Men bara man förstår grundprincipen så är det väldigt kraftfullt och absolut värt att lära sig – om man är det minsta intresserad av att bygga en hemsida.

Även om klasser i css är extremt kraftfullt och logiskt – så är allting med klasser ändå inte logiskt!? Att vara webbutvecklare kräver alltså att man är extremt logisk samtidigt som man måste kompromissa med sin logik för att nå det resultat man önskar!

Författare till detta inlägg (till denna blogg som handlar om webbdesign, webbutveckling och SEO)

Jag heter Gustav Wiberg och driver Skövdes genuina webbyrå Wibergs Web. Kontakta mig genom att klicka här.

Inlägget Klasser och css – kompromiss av logik! dök först upp på Webbdesign och Webbutveckling i Skövde.