ArtiklarGuiderVibe CodingVerktygResurserOmKontakt
Läsning

Artiklar

Guider och tips om modern webbutveckling med AI.

Artikel

Bygg ett modernt webbprojekt – från idé till deploy

Den här sista artikeln knyter ihop hela guiden. Vi bygger en portfolio med blogg – Astro, Sanity och Netlify.

Artikel

Prestanda och SEO i moderna webbprojekt

Jamstack-arkitektur ger dig ett prestandaförsprång – men bara om du vet hur du utnyttjar det.

Artikel

Git och versionskontroll – grunden för modernt arbetsflöde

Git är inte valfritt i modern webbutveckling – det är förutsättningen.

Artikel

Deploy och hosting – från lokal kod till live-sajt

Moderna hosting-tjänster gör deploy nästan magiskt enkelt. En push till Git och sajten är live.

Artikel

Statiska sajt-generatorer – Next.js, Astro och andra

En statisk sajt-generator tar din data och dina templates och bygger färdiga HTML-filer. Här jämför jag de viktigaste alternativen 2026.

Artikel

Headless CMS – innehåll utan design

Ett headless CMS separerar innehåll från presentation. Det låter dig skriva en gång och publicera överallt.

Artikel

Hur webben fungerar – requests, responses och API:er

API:er är ryggraden i moderna webbprojekt. Den här artikeln förklarar hur data faktiskt flödar – från browser till server och tillbaka.

Artikel

Vad är Jamstack och varför används det?

Jamstack är ett sätt att bygga webbplatser som prioriterar prestanda, säkerhet och enkelhet. Här förklarar jag konceptet och när det faktiskt är rätt val.

Artikel

Hemsida

Från blinkande text och konstruktionsgiffar till perfekta konverteringsmaskiner – en kärlekshistoria i fallande ordning.

Artikel

Varför grunderna fortfarande spelar roll

AI-verktyg gör det enkelt att bygga webbsidor – men varför är det fortfarande värt att förstå HTML, CSS och grunderna? Vi förklarar.

Artikel

Introduktion till PHP – dynamiskt innehåll

Lär dig grunderna i PHP – skapa dynamiska webbsidor som reagerar på användarens input. Kräver XAMPP eller en annan lokal server.

Artikel

Lokal utvecklingsmiljö med XAMPP

Installera XAMPP och kör en lokal webbserver på din dator. Förbered dig för att testa PHP och dynamiska webbsidor.

Artikel

Bygg en komplett portfolio-sida

Kombinera dina HTML- och CSS-kunskaper och bygg en komplett portfolio-sida. Kopiera koden och anpassa med ditt eget innehåll.

Artikel

Styla med CSS – färger, typografi och layout

Lär dig CSS – språket som ger din webbsida färg, typografi och layout. Vi bygger vidare på HTML-sidan från förra steget.

Artikel

Din första HTML-sida

Skapa din allra första webbsida med HTML. Du behöver bara en textredigerare och en webbläsare – inget annat.

Artikel

Hur webben fungerar – domäner, servrar och webbläsare

Förstå hur webben fungerar – från att du skriver en adress i webbläsaren till att sidan visas. Vi går igenom domännamn, DNS, servrar och HTTP.

Artikel

Din nästa hemsida skriver du med ord, inte kod

Glöm allt du trodde dig veta om att bygga webbsidor. Det krävdes en gång teknisk kompetens, tålamod och ett webbhotell med lösenord du aldrig hittade. Nu handlar det om något helt annat: att kunna formulera vad du vill ha.

Artikel

Vet du egentligen hur sårbar du är online?

Attackerna mot privatpersoner och organisationer ökar för varje kvartal. Ändå vet de flesta inte var deras svagaste länk faktiskt finns. Det är ett problem som börjar med medvetenhet – och slutar med tester.

Artikel

Grundläggande termer inom webbdesign – vad du bör känna till

HTML, CSS, JavaScript – orden dyker upp överallt. Vibe-coding förändrar hur vi bygger webben, men grundläggande förståelse för de underliggande språken gör dig till en bättre byggare oavsett verktyg.

Artikel

Cursor vs GitHub Copilot: Vilken AI-kodeditor ska du välja?

Cursor och GitHub Copilot är de två dominerande AI-kodredigerarna just nu. Här jämför vi dem och hjälper dig välja rätt verktyg för ditt arbetsflöde.

Artikel

Cloudflare Workers: Distribuera din webbplats globalt på minuter

Cloudflare Workers låter dig köra JavaScript på edge-noder runt om i världen. Perfekt för att göra dina webbplatser supersnabba för besökare var de än befinner sig.

Artikel

Vad är Vibe Coding? En introduktion till AI-driven webbutveckling

Vibe coding är ett nytt sätt att bygga mjukvara där du beskriver vad du vill ha på naturligt språk, och AI:n skapar koden åt dig. Det förändrar allt vi vet om webbutveckling.

Artikel

Lovable: Bygga webbappar med AI utan att skriva en rad kod

Lovable är ett verktyg som låter dig bygga fullständiga webbapplikationer – inklusive databas och backend – bara genom att beskriva vad du vill ha på vanlig svenska.