Frontend-utveckling

Artikel om Frontend-utveckling


WP REST API Tema

Detta är en berättelse om min resa genom en massa nya tekniker och ramverk/bibliotek för att i slutändan kunna skapa ett WP REST API Tema. Det hela går ut på att skapa ett WordPress tema som hämtar innehål/data genom följande tekniker: Webbsidorna levereras med kommunikationsprotokollet HTTP (Hypertext Transfer Protocol). REST (Representational State Transfer) API (Application Programming Interface). Datan returneras i JSON (JavaScript Object Notation) […]

Bild på Wordpress logo 3D blå

JavaScript woodmark

ECMAScript 6 är här!

ECMAScript 6 är här! Den 6e revisionen av JavaScript har en massa nyheter, speciellt för OOP (objekt orienterad programmering). Artikeln är på gående och snart klar!   Klasser Man har implementerat klasser i ES6. Man kan skapa/deklarera en klass på två olika sätt. Klassdeklaration Vi kan deklarera en klass som i andra objektorienterade programmeringsspråk:

Klassuttryck Det andra sättet är genom […]


jquery logo

Skapa en slider med Cycle2 2

Idag ska vi skapa en slider med Cycle2 som är ett jQuery tillägg. Det första du behöver är jQuery och Cycle2. Sedan skapar du ett nytt projekt med din favorit textredigerare (bra alternativ » Sublime Text 2, Aptana Studio & NetBeans). Du ska skapa två mappar i roten av projektet; css & js där js ska innehålla jQuery och Cycle2, i css skapar du en ny stilmall, t.ex. style.css och till sist ett HTML dokument; index.htm. Cycle2 är super enkel att använda och jag blev kär vid första slidern! Du behöver inte koda en rad JavaScript utan allt tas om hand av Cycle2 genom uppmärkning och HTML data attribut


CSS kortform shorthand guide

En av de främsta fördelarna med att använda CSS är den stora minskningen av webbsidans nedladdningstid. För att lägga till formatering på typsnitt förr i tiden, var du tvungen att använda om och om igen. Nu kan all presentations information placeras i ett CSS dokument, och en CSS regel behöver bara skrivas en gång. Men varför stanna där? Genom att använda CSS kortform för egenskaper kan du minska storleken på ditt stilmall ännu mer, och även minska tiden för utvecklingen.

Orange CSS3 Badge

HTML5 badge Black

Skapa din första webbsida – HTML5 semantisk uppmärkning

HTML5 kan se ut som raketforskning för den oinvigde, men det är inte det, jag lovar ! Om du klarade av algebra i högstadiet kommer du att kunna du räkna ut det här. När du har slutfört den här guiden kommer du att ha en grundläggande förståelse för HTML5 och vet hur man gör för att skapa ett ramverk för en webbsida. Du får ut mest av den här guiden om du kan en del HTML sedan innan, men det är inte nödvändigt då den här guiden kommer att vara rätt så grundlig.


Skapa din första webbsida – CSS grunder

Det här artikeln är en del av en serie där vi ska skapa en webbsida, idag ska vi gå igenom CSS grunder och i nästa börjar vi bygga på sidan. I Del 1 gick vi igenom HTML grunder.
HTML var aldrig avsedd att innehålla taggar för att formatera dokumentet. HTML skapades för att definiera innehållet i ett dokument.
När taggar som och färgattribut mm. sattes till HTML 3.2-specifikationen, så började det bli ohållbart för webbutvecklare.

CSS3-badge

Adobe Brackets logo

Adobe Brackets – En ny Open Source IDE för Webbutveckling 2

Adobe Brackets är en ny Open Source HTML, CSS och JavaScript redigerare som är skapad med dessa webb-språk! Jag snubblade över Brackets när jag forskade om hur jag själv ska kunna skapa en HTML & CSS redigerare som en webbapplikation. Brackets har en bra live funktion som fungerar tillsammans med Google Chrome, även om den är lite buggigt men det är ju trots […]