Okategoriserade

DOCTYPE deklarationer, en titt på dom olika varianterna

Doctype anges längs upp på varje webbsida innan <html> taggen och förklarar för webbläsaren vilken HTML version det handlar om i dokumentet.   I bilden ovan så ser du en HTML5 doctype deklaration som är enkel, men det har inte alltid varit så här lätt att deklarera doctype för en webbsida, utan den har varit rätt lång och […]

Transformering med CSS3 transition, transform & animation

⇓ OBS! ⇓ Den där blå remsan nere på botten av sidan innehåller en HTML & CSS redigerare och fungerar så här – om du vill visa/gömma redigeraren kan du göra det genom att klicka på den blå remsan där det står “Klicka här för att visa/gömma redigerare” – klicka på fliken medtexten “HTML Redigerare” och skriv in […]

Skapa din första webbsida – HTML grunder

⇓ OBS! ⇓ Den där blå remsan nere på botten av sidan innehåller en HTML & CSS redigerare och fungerar så här – om du vill visa/gömma redigeraren kan du göra det genom att klicka på den blå remsan där det står “Klicka här för att visa/gömma redigerare” – klicka på fliken medtexten “HTML Redigerare” och skriv in […]

Online-verktyg för webbutveckling

Det finns en massa bra online-verktyg för webbutveckling: Em Calculator (JavaScript verktyg som räknar ut EM) PSD2CSS Online (verktyg som omvandlar PSD till webbsidor) – en guide här Conditional-CSS (Villkorlig CSS tillåter dig att skriva, upprätthålla CSS med villkorlig logik som riktar sig mot specifika CSS satser för både individuell webbläsare och grupper av webbläsare) Postable (mycket användbar verktyg som byter ut < och […]

”Försköna” med indentering eller komprimera genom ta bort whitespace

Ibland vill man så att säga försköna koden (formatera med indentering), och med det menar jag att göra komprimerad källkod som det här: var sessionID=randomString(),started=0,attempts=10,allowProcessing=null;var optfields=0,progress=-1,conversionID=randomString(),pImgFor,$idown,editor;$(document).ready(function(){$(”#format”).buttonset();$(”#format input”).change(function(){window.location.href=$(this).attr(”data-href”)}); till formaterad kod med indentering som det här: var sessionID=randomString(), started=0, attempts=10, allowProcessing=null; var optfields=0, progress=-1, conversionID=randomString(), pImgFor, $idown, editor;   $(document).ready(function() {     $(”#format”).buttonset();     $(”#format input”).change(function() […]

Styling och modifiering av WordPress teman

Att skapa ett ”barn teman” – artikeln finns som PDF -> Child-Theme. Källkoden är formaterad med en WordPress Plugin – Crayon Syntax Highlighter OBS! Om du vill hoppa över kodning mm. och ta den enkla vägen, gå då längst ner på sidan. Det enklaste sättet att modifiera ett WordPress tema är att skapa ett så kallat child theme […]

Gå till toppen