Op 11 oktober was Patrick Smits bij gebruikersgroep Arnhem te gast waar hij een presentatie gaf over LESS. Vanaf een simpele basis liet hij met kleine stapjes zien hoe je met LESS een opmaak van een pagina kan wijzigen met LESS en hoe dit makkelijk naar CSS te converteren is.

Ook werd getoond hoe je makkelijk mediaqueries kan nesten in je LESS, hieronder zoals hieronder in een voorbeeld van een slide hierover te zien is:

1. /*Breakpoints */
2.
3. @mobile: ~"Only screen and (max-width: 529px)";
4. @tablet: ~"Only screen and (min-width: 530px) and (max-width: 676px)";
5. @desktop: ~"Only screen and (min-width: 677px) and (max-width: 900px)";
6. @desktop-xl: ~"Only screen and (min-width: 901px)";
7.
8. h1 {
9. @media @mobile {font-size: 10px;}
10. @media @tablet {font-size: 14px;}
11. @media @desktop {font-size: 18px;}
12. @media @desktop-xl {font-size: 20px;}
13. }

Ook gaf hij aan welke programma's je gebruiken kan voor het werken/verwerken met/van LESS.

prepros.io - "gratis" LESS -> CSS convertor, geeft alleen een nag-screen als je geen licentie hebt gekocht.
lesscss.org - informatieve website
brackets.io - Open Source, gratis, editor (tip van Rachel)

Nog een tip van Patrick voor gebruikers van de template Protostar. Er is een Nederlander die deze standaardtemplate van Joomla! uitgewerkt heeft met vele opties, meer informatie hierover en de download is te vinden op: https://protostarplus.com

Als laatste wil ik zelf graag (Hans) nog de tip geven voor een website waarin kleine tutorials gegeven worden over diverse Joomla gerelateerde onderwerpen: joomlabeginner.com
joomlabeginner.com

Reageer

1000 Resterende tekens