De volgende omkat wordt gewoon handenarbeid

Ik heb het licht gezien, en het straalt niet op Bootstrap

Ik zinspeelde laatst al op een lichte opkomende omkatkriebel, en direct bij de livegang van Guardsman sprak ik mijn lichte twijfel over mijn gebruik van Bootstrap uit. Dat is er intussen niet minder op geworden...

Op deze pagina:

  • Stickers plakken
  • De vooruitgang in CSS
  • Puur en rein

Stickers plakken

Intussen heb ik meer sites op die manier opgetrokken, en hoewel het absoluut helpt als je Bootstrap een beetje leert kennen, blijft het toch wringen. Zoals ik destijds al schreef:

Het maakt de CSS een stuk simpeler: je past wat hoofdzaken, zoals kleuren en lettertypen en zo, aan, en misschien maak je nog een paar uitzonderingen op de standaard, maar dat is het dan wel. Je markup wordt er wel een stuk voller van, en dat voelt een beetje lelijk.

Dat voelt het nog steeds, en dat is in andere CSS frameworks zoals Bulma en Tailwind niet anders. Het blijft een geval van "probeer met het plakken van classes zoveel mogelijk datgene wat je eigenlijk wil bereiken, te benaderen binnen het kader van dat framework.

De vooruitgang in CSS

Intussen hebben de ontwikkelingen in CSS-land ook niet stilgestaan, natuurlijk. Sterker nog, dat was een beetje de hele reden dat ik me überhaupt met de diverse frameworks bezighield — mijn kennis van CSS was een beetje verstoft, en in plaats van eindeloos kloten om iets voor elkaar te krijgen, was het gebruik van een framework een stuk laagdrempeliger.

Dat is natuurlijk nog steeds zo; de meerwaarde van Bootstrap en vriendjes blijft eruit bestaan dat je, niet gehinderd door al te veel kennis, redelijk makkelijk Dingen Voor Elkaar kunt krijgen, en dat je responsiveness er nagenoeg gratis bij krijgt.

Zolang je binnen de voorgestelde kaders van zo'n framework blijft, tenminste, en daar wringt hem voor mij precies de schoen: ik wil af en toe net even iets anders, en dan wordt het ineens een bewerkelijker verhaal. Je moet dan, naast de kennis over CSS, ook nog eens de kennis over dat specifieke framework inzetten om die twee te combineren.

Puur en rein

In de afgelopen tijd heb ik — niet geheel toevallig — het nodig bijgelezen over dingen als grid layouts en ik heb de wonderbaarlijke dingen gezien die je daarmee kunt uitvoeren. Een post als deze laat zien dat de layout zoals ik die nu voor deze site gebruik, stiekem enorm simpel is te realiseren in pure CSS. Er zijn tools om je code overzichtelijk te houden zodat je je niet bij elke aanpassing hoeft af te vragen waar dat nog meer (onbedoeld) effect gaat hebben.

Die knoop is dus alvast doorgehakt: de volgende grote iteratie op Guardsman-de-layout wordt een vanaf de grond door yours truly opgetrokken in HTML met zo min mogelijk opmaak-gerelateerde classes erin, en CSS die perfect is toegespitst op wat ik precies voor ogen heb, niks meer en niks minder.

Ik heb er nou al zin in.

Publicatie: 14 oktober 2022, laatste wijziging: 16 oktober 2022. Max Max css web development meta dnzm guardsman omkat Permalink

Respons

Er is mogelijk ook een discussie op fediverse.

Gerelateerd

Links hier naartoe:

  • Nu Pagina, 27 september 2022 — 27 februari 2023
  • Chrome faalt jammerlijk bij het duwen van enveloppen Safari trouwens ook Artikel, 21 oktober 2022
  • Omkat 2022: Guardsman 2.0 "Een paar kleine tweaks" vakkundig en volledig uit de hand gelopen Artikel, 18 november 2022 — 2 december 2022

Links hier vandaan:

  • Omkat 2020: Guardsman Mooi rood is niet lelijk Artikel, 26 april 2020

Gebaseerd op tags:

  • Markdown, fixed it wasn't me, it was you, after all Artikel, 14 november 2022 — 16 november 2022
  • Hoppetee, nieuwe lay Als ik me maar lang genoeg kapot-erger aan iets... Artikel, 2 april 2018
  • Zo, eindelijk de nieuwe nieuwe lay eens een keer online... Dat zal verdorie ook eens tijd worden... Artikel, 29 december 2009 — 23 november 2022
  • Korte inhoudsopgave van het voorafgaande Artikel, 7 oktober 2022
  • Nieuw onderdeel: Versies Een overzicht van het uitzicht Artikel, 5 mei 2020
  • Uit de oude doos Vroeger was niet alles beter Artikel, 21 april 2020

Vorige:

Links naar comments op de fediverse We doen het gewoon op de makkelijke manier 9 oktober

Volgende:

Chrome faalt jammerlijk bij het duwen van enveloppen Safari trouwens ook 21 oktober
  • Home
  • Over
  • Nu
  • Digitale tuin
  • Archief
↑