Verslag JUG Eindhoven 23 december
De kortste dag is geweest. Het is officieel winter en de dagen worden weer langer. Niet dat we er nu iets van merken, maar toch.... Vandaag een manusje van alles.
Nader te bepalen...
Oftewel, de vragen die onder de aankondiging in de comments staan en daarna zien we wel waar het schip strandt.
Op Mattermost, online chat omgeving waar wereldwijd veel Joomla gebruikers aan deelnemen, werd een leuke link gedeeld. De pagina bevat snapshots van Nederlandse (.nl) websites en via de zoekoptie kun je op zoek of jouw website erbij staat. Klik op de witte button in groen rondje en je ziet hoe de Web Archive jouw site door de jaren heen opgeslagen heeft. https://display.archive.org/holiday.nl
Onze Nederlandse Joomla collega Herman Peeren is een van de harde werkers achter de Joomla documentatie. Er was een wildgroei aan plekken ontstaan waar (halve) documentatie terug te vinden was en zodanig dat je dus niet meer kon vinden wat je zocht.
Daar is verandering in gekomen en er zijn twee plekken waar je documentatie kunt vinden:
- voor gebruikers via https://guide.joomla.org/
- voor ontwikkelaars via https://manual.joomla.org/
In laatstgenoemde kun je als developer voorbeelden terugvinden hoe je een Dialog venster toepast in Joomla: https://manual.joomla.org/docs/general-concepts/javascript/js-library/joomla-dialog/#usage-examples
Maar ook dat het een nieuwe feature was die er in Joomla 5.1 ingekomen is: https://manual.joomla.org/migrations/50-51/new-features/#implementation-of-joomla-dialog-script
Erg handig en de moeite waard om deze ook eens te bezoeken. De oude documentatie is passé... En... wat je kunt er ook aan bijdragen, net zoals je dat gewend bent met bijdragen van code aan Joomla zelf. De website manual.joomla.org zit in de GitHub repo https://github.com/joomla/manual. Onderaan elke pagina van de manual zit een link "edit this page". Met een klik daarop kom je in GitHub om die betreffende pagina te bewerken. Bij opslaan wordt niet je wijziging doorgevoerd, maar een pull request aangemaakt waarmee je kunt verzoeken de wijziging door te voeren.
CSS
Een JUG040 waarbij Hans niet iets met CSS laat zien is er eentje waarbij Hans niet aanwezig is. Hij kan het niet laten om iets groots / kleins te tonen.
Ditmaal de opmaak van geselecteerde tekst middels de selector ::selection
p::selection {
color: white;
background-color: red;
}
Met deze toevoeging aan je CSS zullen alle geselecteerde tekst in een paragraaf een rode achtergrond met witte tekst krijgen. Niet meer de lichtblauwe achtergrond van je browser. Een leuk klein dingetje om ook dit onderdeel meer in de huisstijl te laten shinen
Een tweede is de selector ::target-text
Zodra je een tekst selecteert, met rechtermuisknop klik verschijnt er in Chrome (en wellicht ook bij andere browsers) een dropdown met o.a. de optie `Copy link to highlight`. Klik hierop en je kopieert daarmee de link naar de geselecteerde tekst op de pagina. Handig om te delen met je collage die je wil wijzen op een bepaalde plek op de website. Bijvoorbeeld: https://joomlacommunity.nl/agenda/categorie/375-joomla-gebruikersgroep-eindhoven#:~:text=Maandelijkse%20uitnodiging
::target-text {
background-color: var(--theme-color);
color: var(--theme-color-type);
}Bij klik op de link zul je naar de "Joomla Gebruikersgroep Eindhoven" pagina op deze website gaan en zal de tekst "Maandelijkse uitnodiging" de thema kleur van die pagina hebben. Paars in dit geval. Je hoeft er geen custom properties te plaatsen, je mag ook kleuren definiëren.
Volgende keer
De volgende JUG Eindhoven is op dinsdag 20 januari 2026. Het onderwerp van deze meeting en de mogelijkheid tot aanmelden is terug te vinden op https://joomlacommunity.nl/agenda/event/847-jug040-bijeenkomst-eindhoven
Vragen voor Dr. Joomla kun je kwijt als reactie onder de aankondiging.
Fijne feestdagen en een goede jaarwisseling.