Byg skalerbare responsive komponenter

Sep 15, 2025
hvordan

Når vi taler om at opbygge vedligeholdelses- og skalerbare hjemmesider, kommer vi uundgåeligt på tværs af JavaScript. -Relaterede løsninger som CSS-moduler, stylede komponenter og beholderforespørgsler. Skal vi virkelig bruge dem?

Hvad hvis der er en måde at opbygge vedligeholdelses- og skalerbare hjemmesider uden JavaScript? Hvad hvis det var muligt at opnå denne feat i ren CSS. Uden at tænde din kode til et blodigt hacky rod?

Freelance Developer and Writer Zell liew. kommer over fra Singapore til Generere London. (20-22 september) for at give en snak og at køre et heldags værksted om at opbygge genanvendelige komponenter uden at tilføje kompleksitet til din kode. Dette er afgørende, når du bygger websteder i vores alder.

I hans værksted lærer du:

  • Sådan oprettes modulære komponenter, der kan droppes overalt på din hjemmeside
  • Sådan skaler du komponenter uden at over-komplicere din kode
  • Sådan strukturerer du din kode for at gøre det nemt at vedligeholde
  • Sådan håndteres komponenter, der skal placeres på mange forskellige områder
  • Sådan skriver du mobil-først CSS den nemme måde
  • Hvilke relative enheder er, og når du skal bruge hvilken enhed
  • Sådan ændres CSS uden at være bange for at bryde noget andet på din hjemmeside

Zell vil dele sine erfaringer og tilgang til at opbygge lydhør, genanvendelige komponenter. Han vil endda gå dybt ind i designprincipper og hvordan de kan forme dine CSS. Andre emner, han dækker, omfatter layouts, medieforespørgsler, modularitet vs skalerbarhed, navngivningskonventioner og meget mere.

Denne workshop er for dig, hvis du vil opbygge websteder, der er nemme at vedligeholde og skala, uanset om du er alene eller i et hold. Kendskab til SASS er ikke påkrævet, men anbefales.

Andre generere London Workshops den 20. september Funktioner Steve Fisher On Running design og indholdssprints Vi Anton & Amp; Irene. på idégenerering og salg af ideen, og Jaime Levy på Brugeroplevelsesstrategi . Konferencen dækker også adaptive grænseflader, web animationer, ydeevne, tilgængelighed, chatbots, bedre teamwork og meget mere.

hvis du køb et kombineret værksted og konferencepas For generere London vil du Spar £ 95. ! Gå ikke glip af det!

Du kan måske lide disse artikler:

  • 5 af de bedste ressourcer til at lære HTML og CSS
  • Er det okay at bygge websteder, der stole på JavaScript?
  • Sådan designer websteder, der skiller sig ud

hvordan - Mest populære artikler

Sådan Storyboard i Photoshop

hvordan Sep 15, 2025

(Billedkredit: Mark Evan Lim) Storyboarding i Photoshop kan være en fantastisk måde at få dine ideer kortlagt ud. ..

Sådan tilføjes skrifttyper i Photoshop

hvordan Sep 15, 2025

(Billedkredit: Adobe) Fonts i Photoshop: Hurtige links - Tilføj skrifttyper i Pho..

Kom i gang med WebVR

hvordan Sep 15, 2025

HOP TIL: WebVR Resources. WebVR er et JavaS..

Sådan bruger du teksturer i Photoshop

hvordan Sep 15, 2025

Tekstur er ofte, hvad der blurserer linjerne mellem traditionelle og digitale kunstværk. Ofte er det nemt at fortælle forskellen mellem de to, hvis dit digitale kunstværk ikke har nogen fo..

Sådan trækker du fjer

hvordan Sep 15, 2025

Hvis du altid har ønsket at vide, hvordan du trækker fjer, og gør dem super-realistiske, er du på det rigtige sted. Denne trin-for-trin guide tilbyder tips og tips om at give fuglefjeder ..

En introduktion til CSS-brugerdefinerede egenskaber

hvordan Sep 15, 2025

En af de enkelte bedste funktioner i CSS-processorer er variabler. At have evnen til at erklære en gang og genbruge variablen p�..

Opret en stænkeffekt i realflow

hvordan Sep 15, 2025

Side 1 af 2: Side 1 Side 1 Side 2. I denne artikel skal jeg demonst..

Lav en typografisk plakat ved hjælp af Adobe InDesign

hvordan Sep 15, 2025

Adobe InDesign er et godt program at bruge, når du designer alt, der bruger typen stærkt. I hele denne InDesign-vejledning løb..

Kategorier