Vad är responsiv webbdesign – och varför spelar det roll?

Responsiv webbdesign innebär att en webbsida anpassar sig automatiskt till skärmen den visas på — oavsett om det är en telefon, surfplatta, laptop eller ultrawide-monitor. Det är inte en separat teknik utan ett förhållningssätt till design och utveckling som blivit så grundläggande att det idag är svårt att tänka sig ett alternativ. Här går vi … Läs mer

CSS Grid förklarat – så skiljer det sig från Flexbox

CSS Grid och Flexbox är de två moderna layout-systemen i CSS. Båda löser layoutproblem som vi tidigare hackade ihop med floats och clearfix, men de gör det på fundamentalt olika sätt. Att välja rätt verktyg för rätt situation sparar dig kod, tid och frustration. Här går vi igenom hur CSS Grid fungerar, hur det skiljer … Läs mer

7 smarta tekniker som gör livet enklare i bakgrunden

Teknik är som bäst när den jobbar i bakgrunden. De senaste åren har en rad smarta lösningar dykt upp som tar bort vardagskrångel, från att optimera din elräkning till att hålla koll på företagets bilar. Här är sju tekniker som faktiskt förenklar livet, utan att du behöver göra särskilt mycket alls. 1. Kvartspris-appar för elförbrukning … Läs mer

Vad är HTML-attribut och hur använder du dem rätt?

Varje HTML-element har en uppsättning attribut som styr dess beteende, utseende och relation till andra element. Men trots att attribut är något du använder dagligen — class, id, href, src — finns det nyanser och mindre kända attribut som kan göra din HTML både renare och mer funktionell. Här går vi igenom vad HTML-attribut faktiskt … Läs mer

CSS blockquote – så stylar du citat snyggt på din webbsida

HTML-elementet <blockquote> har funnits sedan tidernas begynnelse, men webbläsarnas standardstil — en indragen textblock med lite extra marginal — gör det sällan rättvisa. Med CSS kan du göra citaten till riktiga blickfång som bryter av textflödet och ger visuellt intresse åt sidan. Här går vi igenom hur du stylar blockquote med CSS, från grundläggande formatering … Läs mer

Bildgalleri med JavaScript – bygg ett eget från grunden

Det finns otaliga JavaScript-galleri-plugins. Lightbox, Fancybox, Swiper — listan är lång. Men vill du ha fullständig kontroll över beteende, design och prestanda kan det vara värt att bygga ditt eget bildgalleri med JavaScript från grunden. Det är inte så komplicerat som det kan verka, och du slipper ladda in ett helt bibliotek för något som … Läs mer