Drupalcamp London Recap

Begin maart trok ik naar Londen voor een weekendje Drupalcamp. Deze editie leek me des te nuttiger omdat het erg dicht volgde op de officiële release van Drupal 8.

Dat beloofde met andere woorden heel veel nieuwe materie en tips, die we dan weer kunnen gebruiken om onze sites nog (als dat al mogelijk is) beter te maken.

 

Keynote (door Cliffton Cunningham - @clifcunn)

De keynote op zaterdag werd gegeven door Clifton Cunningham, de CTO van TES Global (een digitaal opleidingsplatform). Er werd ons verteld op welke manier hij het bedrijf naar een hoger niveau heeft getild, zowel qua technologie als werkwijze.

 

Een mooi voorbeeld is hun omgang met hun klanten, bij TES is ‘Programmer Anarchy’ (ofwel Developer Driven Design) namelijk geïmplementeerd. Dit houdt in dat er in het bedrijf maar 2 profielen nodig zijn:

  • Engineers
  • Designers
  • ...en in feite ook Project Managers, maar dan in een andere rol dan we gewend zijn)

 anarchy.png

 

De klant staat in direct contact met zowel de engineers als de designer, het gevolg van deze werkwijze is dat ieder profiel een beetje ‘eigen baas’ is.

Engineers en designers zijn volledig zelf verantwoordelijk voor de communicatie met de klant en het afgeleverde werk.

 

De PM is bij wijze van spreken niet meer dan een conciërge in het proces, deze vergemakkelijkt de communicatie tussen de engineers/designers en de klanten.

  

Drupal cache with bigpipe (door Nikhil Sukul)

40% of users abandon a website that takes more than 3 seconds to load”, de eerste woorden die we te horen krijgen van Nikhil. Maar ze kloppen wel, de alledaagse gebruiker wordt steeds veeleisender op het gebied van performantie en snelheid van een website.

acro-blog-big-pipe-caching.jpg

 

Wat zou je reeds moeten doen om de snelheid van je website te verbeteren ?

  • Backend optimaliseren (compressie via gzip)
  • Front-end optimaliseren (afbeeldingen combineren in sprites, css en javascript code minify’en, pagina-inhoud cachen, …)

 

Waarom bigpipe ?

Nu kan je ook gebruik maken van Bigpipe, maar wat is Bigpipe eigenlijk ? Bigpipe werd in 2010 door Facebook geïntroduceerd en zorgde er toen voor dat Facebook twee keer zo snel ingeladen werd als voorheen. Dit doet het door de webpagina die ingeladen dient te worden op te delen in kleine stukjes en deze te rangschikken (belangrijke elementen worden hoger gerangschikt).

 

De belangrijke stukken worden eerst ingeladen en worden ook onmiddellijk getoond zodra deze ingeladen zijn. Dit is anders dan bij de traditionele manier van het inladen van een webpagina, waarbij de webpagina pas zichtbaar wordt zodra alle elementen ingeladen zijn.

 

Het grote voordeel

De uiteindelijke laadtijd van de pagina zal bij gebruik van Bigpipe wel nog altijd even lang duren als op de traditionele manier, maar je krijgt wel al inhoud op het scherm te zien zodra de stukken dynamisch ingeladen worden.

 

Filmpje dat de werking van Bigpipe toont:

Leuk weetje: deze module zit sinds kort (29 feb) ingebakken bij de laatste versie van Drupal 8. 

 

Markup the Drupal 8 way (door Lauri Eskola - @laurii1)

Eentje voor de toekomst, deze talk. Want als service desk medewerker kom ik (voorlopig) enkel in aanraking met Drupal 7 websites. Kwaad zal het alleszins niet kunnen om me te wapenen tegen de aankomende overschakeling naar Drupal 8.

 

De overstap van versie 7 naar versie 8 omvat vele veranderingen op frontend vlak, zo zijn er nu 2 basisthema’s aanwezig die je kan uitbreiden: Classy & Stable.

 

theme-overview.png

 

Indien je gebruik maakt van Classy zal je HTML markup voorzien zijn van duidelijke classes en wrappers die je kan gebruiken om de verschillende hooks binnen Drupal aan te roepen of om gemakkelijk CSS aanpassingen uit te voeren. Bij Stable heb je een erg kale HTML markup die overzichtelijker is. Voor een uitgebreide uitleg van het verschil tussen deze 2 thema’s verwijs ik jullie graag naar deze blogpost van lullabot.com.

Andere onderwerpen die ter sprake kwamen zijn:

  • Debugging in Drupal 8 (hook_theme_suggestions, twig debugging, kint & devel modules, ..)
  • Tips & tricks voor twig templates
  • Het verwijderen van PHPTemplate uit Drupal 8

  

How to create rich web stories with paragraphs and Drupal 8 (door Tassos Koutlas - @akoutlas)

De inhoud van een pagina aan de hand van verschillende velden en wysiwyg’s invullen en naderhand te horen krijgen dat er toch nog een extra veld toegevoegd dient te worden maar dan enkel op bepaalde pagina’s. Of is er weer eens een <span> element toegevoegd door een wysiwyg dat de layout van een pagina onderuit haalt ?

 

Dit zijn problemen die elke Drupal developer wel eens tegenkomt, speciaal voor deze developers kan er gebruik gemaakt worden van de Paragraphs module. Deze module voorziet een alternatief voor het opbouwen van een pagina aan de hand van velden. In plaats van voor elk element een veld te voorzien, dien je enkel een paragraph-veld toe te voegen. paragraph-types.jpg

Dit paragraph-veld kan dan door de klant of de developer ingevuld worden met behulp van de componenten die voorzien zijn, er worden standaard een reeks componenten voorzien maar deze kan je zelf uitbreiden. Aan de hand van de componenten kan je pagina’s van hetzelfde inhoudstype dynamisch invullen met behulp van de componenten en de drag-and-drop interface.

Meer weten? Contacteer ons!