Door: Hans Kuijpers.Categorie: Eindhoven.

Verslag JUG Eindhoven 24 maart 2026

De lente is begonnen en de organisator van deze JUG040 is 50 geworden. Tijd voor 50 tips voor Joomla en webdevelopment... tenminste... als we er 50 halen. 

50+ tips voor Joomla

Handige websites, CSS, settings in Joomla, 3rd party extensies die je niet mag missen, YouTube kanalen die handig zijn... we maken een lijstje van 50+ items, want Hansop werd op zaterdag 21 maart 50 jaar.

  1. Claude.ai — een van de vele AI tools die het leven als developer makkelijker maakt.
    • Zo ook ChatGPT. Je krijgt antwoorden, in plaats van een lijst van linkjes waar je antwoord mogelijk te vinden is.
    • Gekoppeld aan PHPStorm of VSCode kun je de tool laten meedenken en programmeren aan je website. Stel de juiste vragen en wees kritisch op het resultaat.

Joomla gerelateerd

  1. Joomla Extension Directory — de plek waar vele extensies voor Joomla terug te vinden zijn. Maar let op: niet elke developer zet zijn/haar extensie op de JED.
  2. JoomlaCommunity.nl — de Nederlandstalige Joomla Community voor antwoorden en de JUG-agenda.
  3. Joomla Community Magazine — periodieke blog waar veel kennis gedeeld wordt.
  4. GitHub.com/joomla/joomla-cms — de broncode van Joomla. Via issues, discussies en pull-requests kun jij een steentje bijdragen.
  5. Manual Joomla — documentatie voor Joomla programmeurs.
  6. Joomla op StackExchange — vragen en antwoorden.
  7. Site management & monitoring — houd meerdere Joomla-sites in de gaten vanuit één dashboard:
    • manage.mysites.guru — updates, backups en monitoring voor meerdere sites
    • watchful.li — vergelijkbare tool met uitgebreide rapportage
    • Panopticon — open-source alternatief van Akeeba, zelf te hosten
  8. Joomla SEF system plugin — schakel de ingebouwde SEF-plugin in en configureer hem goed.
    • Hernoem htaccess.txt naar .htaccess — SEF URLs werken pas dan correct.
    • Stel Unicode aliassen in voor niet-Latijnse talen via Global Config > SEO.

Joomla extensies

  1. Akeeba Backup — dé backup-extensie voor Joomla. Sla backups op buiten de server (S3, Google Drive, Dropbox).
  2. AdminTools (Akeeba) — .htaccess builder, IP-blokkering, security headers en Web Application Firewall.
  3. JCE Editor — veel krachtiger dan TinyMCE, met image editor, plugin-systeem en betere controle over HTML-uitvoer.
  4. Font Awesome — de iconen-library die Joomla zelf ook gebruikt. Beschikbaar als webfont én als SVG sprites.
    • Gebruik de gratis set bewust: laad alleen wat je nodig hebt om performanceverlies te vermijden.
    • De meeste iconen in Joomla beginnen met de class 'icon-' en niet met de FontAwesome prefix 'fa'. Dat is bewust gedaan om de mogelijkheid te hebben over te kunnen stappen naar een andere icon library. 
  5. Regular Labs extensies — onmisbaar pakket van Peter van Westen:
    • Advanced Module Manager — modulezichtbaarheid per pagina, device en user group
    • ReReplacer — zoek-en-vervang in output met regex of plain text... op de website Oeteldonk.org gebruikt om lange woorden zoals 'Lidmaatschapsvormen' te vervangen door 'Lidmaatschaps­vormen'. Op kleine schermen zorgt ­ ervoor dat er een afbreekstreepje komt op die plek
    • DB Replacer — zoek-en-vervang direct in de database
    • Sourcerer — PHP en code uitvoeren in artikelen en modules
  6. Perfect Web Team extensies:
    • PWT Sitemap — sitemap voor Google Search Console én gebruikers, actief onderhouden en Joomla 5-compatibel
    • PWT ACL — overzichtelijk beheer van gebruikersrechten
  7. Joomill extensies van Jeroen Moolenschot:
    • Custom Quick Icons Module — eigen snelkoppelingen op het Joomla dashboard
    • Admin Checklist — checklist voor beheerders direct in het backend
    • Content Calendar Module — publicatieplanning visueel in het backend
  8. Tassos.gr extensies van Tassos Marinos — gratis maar krachtig:
    • Advanced Custom Fields — extra velden aan content koppelen
    • Structured Data — schema.org markup voor betere zoekresultaten (rich snippets)
    • Tawk.to Live Chat, Tooltips, Privacy Suite
  9. Acymailing — nieuwsbrieven, Joomla-native, goede integratie met Joomla gebruikersbeheer.
  10. github.com/hans2103 — Joomla extensies van Hans Kuijpers:

Tekstschrijven voor het web

  1. plainlanguage.gov — Amerikaanse overheidsrichtlijnen voor begrijpelijke tekst — universeel toepasbaar.
  2. hemingwayapp.com — plak tekst in, krijg directe feedback op leesbaarheid.
  3. contentdesign.london (Sarah Richards) — content design vanuit de GOV.UK-school.
  4. nngroup.com/topic/writing-web — hoe mensen tekst scannen op het web, schrijven voor UX.
  5. taalunie.org — Nederlandse spelling en stijlgids.
  6. schrijfwijzer.nl — Nederlandse schrijftips voor het web.

CSS — blogs & YouTube

  1. every-layout.dev — layout primitives zonder media queries.
  2. moderncss.dev — Stephanie Ecklund — moderne oplossingen voor klassieke problemen.
  3. smolcss.dev — kleine, krachtige CSS snippets.
  4. utopia.fyi — fluid type & spacing schalen berekenen.
  5. css-tricks.com/almanac — beste CSS property referentie.
  6. web.dev/blog — Chrome DevRel — altijd als eerste over nieuwe CSS features.
  7. nerdy.dev — Adam Argyle (ex-Google Chrome) — creatieve CSS experimenten.
  8. lea.verou.me — Lea Verou — web standards, CSS specs, open-source.
  9. ishadeed.com — Ahmad Shadeed — visuele uitleg van CSS concepten.
  10. cssday.nl — Nederlandse CSS-conferentie, talks online beschikbaar.
  11. youtube.com/@KevinPowell — Kevin Powell — diepgaande CSS tutorials en moderne layout technieken.
  12. youtube.com/@WebDevSimplified — Web Dev Simplified — duidelijke uitleg van CSS concepten.
  13. youtube.com/@LayoutLand — Layout Land (Jen Simmons) — CSS Grid en moderne layout systemen.
  14. youtube.com/@DesignCourse — DesignCourse — UI design gecombineerd met CSS.
  15. youtube.com/@NetNinja — The Net Ninja — complete CSS series inclusief Flexbox, Grid en responsive design.
  16. youtube.com/@FrontendMasters — Frontend Masters — conference talks en deep dives in moderne CSS.
  17. youtube.com/@ChromeDevs — Chrome for Developers — nieuwe CSS features rechtstreeks van het Chrome team.

Digitale toegankelijkheid

  1. adrianroselli.com — diepgravende artikelen over ARIA en browser/screenreader-gedrag, geen fluff.
  2. scottohara.me — accessible components, patroon-analyses, praktisch.
  3. sarasoueidan.com — SVG + a11y, focus management, formulieren.
  4. a11yproject.com — WCAG checklist, patterns, community.
  5. webaim.org — contrast checker, screenreader surveys, naslagwerk.
    • wave.webaim.org — accessibility problemen visueel direct in je browser weergeven
  6. properaccess.nl — Nederlands, praktisch, met gratis tools.
    • properaccess.nl/tools/foutmeldingen — naslagwerk voor toegankelijke foutmeldingen per veldtype, gebaseerd op WCAG SC 3.3.1 en 3.3.3
    • Ook: koppenstructuur-checker, kleurcontrast-checker, alt-tekst keuzehulp
  7. dequeuniversity.com/rules/axe — elke axe-fout uitgelegd met code-voorbeeld.
  8. html5accessibility.com — welke HTML-elementen welke impliciete ARIA roles hebben.
  9. inclusive-components.design (Heydon Pickering) — component voor component opgebouwd vanuit toegankelijkheid.
  10. digitoegankelijk.nl — Nederlandse wetgeving + checklists.

Optimalisatie & SEO

  1. squoosh.app — drag & drop je afbeelding, speel met de settings en download een geoptimaliseerd bestand.
  2. imagekit.io — image CDN die geoptimaliseerde afbeeldingen retourneert.
  3. SVGOMG — voor het optimaliseren van SVG-bestanden.
  4. Chrome DevTools Lighthouse — snel lokaal testen, direct in je browser. Run in Incognito voor een schone meting.
    • Firefox Profiler — test op jouw eigen netwerk, niet in een cloud VM
  5. PageSpeed.web.dev — Core Web Vitals, CrUX velddata van echte gebruikers.
    • yellowlab.tools — CSS/JS kwaliteit, selector-complexiteit, front-end code issues — ontdekt rommel die GTmetrix niet meldt
    • gtmetrix.com — waterfall, visuele page load, historische monitoring
    • webpagetest.org — diepste technische analyse, testen vanuit meerdere locaties
    • debugbear.com — moderne CWV monitoring over tijd
  6. Security headers — check en verbeter de HTTP-headers van je site.
  7. broken-link-checker — handige Node.js CLI-tool om broken links op te sporen.
    • npx broken-link-checker https://jouwsite.nl -ro
  8. Screaming Frog SEO Spider — desktop tool voor technische SEO-audits: broken links, redirects, meta-data, hreflang.

Presentaties & kennisdelen

  1. noti.st/hans2103 — Notist: een platform om je presentaties online te delen met slides, notities en links.
    • Handig voor na een JUG-sessie: deelnemers kunnen alles teruglezen

Volgende keer

De volgende JUG Eindhoven is op dinsdag 24 maart 2026. Het onderwerp van deze meeting en de mogelijkheid tot aanmelden is terug te vinden op https://joomlacommunity.nl/agenda/overige/event/869-jug040-bijeenkomst-eindhoven

Vragen voor Dr. Joomla kun je kwijt als reactie onder de aankondiging.

Gravatar
Nico van Leeuwen
Bij Site management & monitoring is ook https://www.yoursites.net/ een prima keuze.
Gravatar
Herman Peeren
In punt 6 wordt de programmeurshan dleiding genoemd, maar we hebben ook een gebruikersgids voor Joomla: guide.joomla.org.

Deze zomer wordt ook aan vertalingen daarvoor gewerkt.

1000 Resterende tekens

Deze site wordt beschermd door reCAPTCHA en Google Privacybeleid en Servicevoorwaarden zijn van toepassing.

© Copyright 2025