Bygg skalbara responsiva komponenter

Sep 11, 2025
Hur

När vi pratar om att bygga underhållbara och skalbara webbplatser, stöter vi oundvikligen Javascript -relaterade lösningar som CSS-moduler, stylade komponenter och behållarefrågor. Måste vi verkligen använda dem?

Vad händer om det finns ett sätt att bygga underhållbara och skalbara webbplatser utan JavaScript? Vad händer om det var möjligt att uppnå denna prestation i ren Css Utan att vända din kod till en blodig hackig röra?

Frilansutvecklare och författare Zell Liew kommer över från Singapore till Generera london (20-22 september) för att prata och driva en heldagsverkstad på att bygga återanvändbara komponenter utan att lägga komplexitet i din kod. Detta är avgörande när man bygger webbplatser i vår ålder.

I sin verkstad lär du dig:

  • Hur man skapar modulära komponenter som kan släppas var som helst på din webbplats
  • Hur man skala komponenter utan att överkomma din kod
  • Hur man strukturerar din kod för att göra det enkelt att underhålla
  • Hur man hanterar komponenter som behöver placeras på många olika områden
  • Hur man skriver mobil-första CSS det enkla sättet
  • Vilka relativa enheter är och när du ska använda vilken enhet
  • Hur man ändrar CSS utan att vara rädd för att bryta något annat på din webbplats

Zell kommer att dela sina erfarenheter och tillvägagångssätt för att bygga reagerande, återanvändbara komponenter. Han kommer även att gå djupt i designprinciper och hur de kan forma din CSS. Andra ämnen Han kommer att täcka med layouter, mediafrågor, modularitet vs skalbarhet, namngivningskonventioner och mer.

Den här workshopen är för dig om du vill bygga webbplatser som är lätta att underhålla och skala, oavsett om du är ensam eller i ett lag. Kunskap om SASS krävs inte, men rekommenderas.

Andra generera London Workshops den 20 september har Steve Fisher på Running Design och Content Sprints , Anton & Amp; Iren på idégenerering och försäljning av idén, och Jaime Levy på Användarupplevelsestrategi . Konferensen kommer också att täcka adaptiva gränssnitt, webbanimationer, prestanda, tillgänglighet, chatbots, bättre lagarbete och mycket mer.

Om du Köp en kombinerad workshop och konferenspass För Generera London, kommer du Spara £ 95 ! Missa inte det!

Du kanske gillar dessa artiklar:

  • 5 av de bästa resurserna för att lära sig HTML och CSS
  • Är det okej att bygga webbplatser som är beroende av JavaScript?
  • Hur man utformar webbplatser som sticker ut

Hur - Mest populära artiklar

Använd Brain.js för att bygga ett neuralt nätverk

Hur Sep 11, 2025

(Bildkredit: Getty Images) Brain.js är ett fantastiskt sätt att bygga ett neuralt nätverk. Enkelt uttryckt är ett..

Hur man lägger till energi till dina livs ritningar

Hur Sep 11, 2025

(Bildkredit: Patrick J Jones) I den här handledningen kommer jag att rita modell Katy för att visa dig hur jag anv�..

Hur man komprimerar bilder: En webbdesigners guide

Hur Sep 11, 2025

Den genomsnittliga hastigheten hos en modern internetanslutning skulle låta mycket futuristiska till webbmästare från det för..

Skapa en kromatisk aberrationseffekt

Hur Sep 11, 2025

Kromatisk aberration (förvrängning), även känd som "färgfransning" är ett vanligt optiskt problem. Det uppstår när en kam..

Kom igång med Greensock Animation Platform

Hur Sep 11, 2025

Greensock Animation Platform (GSAP) gör att du kan animera allt du kan komma åt med JavaScript, inklusive DOM, Canvas och CSS, ..

Design SVG-grafik i din webbläsare

Hur Sep 11, 2025

De Vecteezy redaktör är en gratis vektorredigeringsvit som körs direkt i din webbläsare. Denna handledning tä..

Bygg komplexa layouter med Postcss-Flexbox

Hur Sep 11, 2025

Flexbox är ett bra verktyg för att minska CSS-uppblåsningen, och har lite socker inbyggda för att hantera saker som källorde..

Karikyrens anatomi: 15 Topptips

Hur Sep 11, 2025

Som en heltid frilansare är jag van att arbeta över en rad stilar och Ritningstekniker . Dessa inkluderar teckna..

Kategorier