Bouw schaalbare responsieve componenten

Feb 2, 2026
Procedures

Wanneer we praten over het bouwen van onderhoudbare en schaalbare websites, komen we onvermijdelijk tegen JavaScript -Geleide oplossingen zoals CSS-modules, onderdelen en containerquery's. Moeten we ze echt gebruiken?

Wat als er een manier is om onderhoudbare en schaalbare websites te bouwen zonder JavaScript? Wat als het mogelijk was om deze prestatie te bereiken in Pure CSS Zonder je code in een bloedige hacky puinhoop te draaien?

Freelance ontwikkelaar en schrijver Zell LIEK komt over van Singapore naar Genereer Londen (20-22 september) om een ​​gesprek te geven en een full-daagse workshop uit te voeren bij het opbouwen van herbruikbare componenten zonder complexiteit aan uw code toe te voegen. Dit is cruciaal bij het bouwen van websites in onze leeftijd.

In zijn workshop leert u:

  • Hoe modulaire componenten te maken die overal op uw website kunnen worden gevoerd
  • Hoe componenten te schalen zonder uw code te compliceren
  • Hoe u uw code structureert om het gemakkelijk te onderhouden te maken
  • Hoe om te gaan met componenten die op veel verschillende gebieden moeten worden geplaatst
  • Hoe mobiel-eerste CSS op de eenvoudige manier te schrijven
  • Welke relatieve eenheden zijn en wanneer u moet gebruiken welke eenheid
  • Hoe CSS te veranderen zonder bang te zijn om iets anders op uw website te breken

Zell zal zijn ervaringen en benadering delen voor het bouwen van responsieve, herbruikbare componenten. Hij zal zelfs diep in ontwerpprincipes gaan en hoe ze je CSS kunnen vormen. Andere onderwerpen die hij zal dekken, zijn lay-outs, media-query's, modulariteit versus schaalbaarheid, naamgevingsconventies en meer.

Deze workshop is voor u als u websites wilt bouwen die gemakkelijk te onderhouden en te schalen, of u nu alleen of in een team bent. Kennis van SASS is niet vereist, maar aanbevolen.

Andere genereer London-workshops op 20 september Feature Steve Fisher aan Running Design and Content Sprint ​ Anton & AMP; Irene op ideeën en de verkoop van het idee en de jaime heffing op Gebruikerservaringstrategie ​De conferentie omvat ook adaptieve interfaces, webanimaties, prestaties, toegankelijkheid, chatbots, beter teamwork en nog veel meer.

als jij Koop een gecombineerde workshop en conferentiepas Voor het genereren van Londen, zul je Bespaar £ 95 ​Mis het niet!

Misschien vind je deze artikelen leuk:

  • 5 van de beste middelen voor het leren van HTML en CSS
  • Is het goed om sites te bouwen die afhankelijk zijn van JavaScript?
  • Hoe websites te ontwerpen die opvallen

Procedures - Meest populaire artikelen

Hoe instellen en optimaliseren van uw SmugMug Storefront

Procedures Feb 2, 2026

(Afbeelding Credit: Andre Furtado op Pexels) Een eenvoudige website-bouwer die ook fungeert als een van de Be..

4 stappen voor het gebruik van variabele lettertypen

Procedures Feb 2, 2026

(Beeldkrediet: toekomst) Variabele lettertypen Schakel lettertypenontwerpers in om typevariaties in het lettertype ze..

Waterimulaties maken

Procedures Feb 2, 2026

Deze tutorial leert je om een ​​geanimeerde stranddiorama te maken van begin tot einde met behulp van Houdini FX. Je zult de ..

Scatter bomen met V-ray

Procedures Feb 2, 2026

Details aan uw scène toevoegen is altijd de manier om te gaan wanneer u meer realisme in uw wilt bereiken 3d kunst ..

Rebuild A 2004 Flash-website voor 2018

Procedures Feb 2, 2026

In 1999 bouwde ik mijn eerste website met behulp van Web Studio 1.0. Webstudio was een grafische gebruikersinterface. Het was mogelijk om een ​​nieuwe te maken bestemmingspagina ..

Teken een potloodportret van een hond

Procedures Feb 2, 2026

Bij het tekenen van PET-portretten, hoeft u het niet alleen te weten Hoe dieren te trekken : De taak wordt de pers..

Hoe gebruikte gebruiksvriendelijke mobiele interfaces

Procedures Feb 2, 2026

Sommige mobiele ontwerpen lijden aan een probleem: ze zien er geweldig uit op het oppervlak, maar beginnen ze te gebruiken en je ..

Hoe maak je 3D-belettering in Illustrator

Procedures Feb 2, 2026

Vorige week bracht Adobe nog wat meer video's uit aan hun nuttige maak het nu afspeellijst, het geven van creatives de kans om in slechts 60 seconden of minder een scala aan praktische vaardi..

Categorieën