Voor een recent project (EYE) hebben we Panels ingezet. Alhoewel we erg sceptisch waren over Panels waren onze ervaringen erg positief. In deze sessie maken we jou hopelijk ook enthousiast over Panels. Je leert hoe je Panels kan inzetten: wat is de business case? Hoe implementeer je het in je website en hoe schrijf je je eigen panes, layouts and styles?
De nieuwe media flow in WordPress en hoe verderMarko Heijnen
Presentatie tijdens de WordPress meetup in Enschede wat over de nieuwe media flow in WordPress 3.5 gaat. Wat zijn de veranderingen aan de buitenkant maar nog veel belangrijker aan de binnenkant. Tevens een klein inzicht in wat mogelijk gaat komen.
Een presentatie over het gebruik van Drupal in de museumwereld. De presentatie is gegeven door Baris Wanschers tijdens het seminar "Kunst ontsluiten geen kunst?", 10 april 2013 in het Gemeentemuseum Den Haag.
De nieuwe media flow in WordPress en hoe verderMarko Heijnen
Presentatie tijdens de WordPress meetup in Enschede wat over de nieuwe media flow in WordPress 3.5 gaat. Wat zijn de veranderingen aan de buitenkant maar nog veel belangrijker aan de binnenkant. Tevens een klein inzicht in wat mogelijk gaat komen.
Een presentatie over het gebruik van Drupal in de museumwereld. De presentatie is gegeven door Baris Wanschers tijdens het seminar "Kunst ontsluiten geen kunst?", 10 april 2013 in het Gemeentemuseum Den Haag.
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
Visie op semantiek, techniek, structuur en werkwijze anno 2012.
Hoe schrijf je toegankelijke en herbruikbare HTML, CSS en Javascript?
Wat is Modular CSS?
Deze workshop geeft je de argumenten.
TYPO3 Congres 2012 - Aan de slag met TYPO3 Extbase en FluidTYPO3 Nederland
Met de lancering van de nieuwste TYPO3 CMS versies wordt het belang van werken met Extbase en Fluid steeds groter. Wanneer je nog extensies ontwikkelt op basis van pi_base of je wilt graag extensies gaan ontwikkelen maar je vindt de drempel is hoog, in deze sessie leer je de basics van een extase / fluid extensie en zie je hoe eenvoudig het is om extensies te ontwikkelen.
Henjo Hoeksma
Na enkele jaren als hobby met TYPO3 gewerkt te hebben, heeft Henjo zijn beroep gemaakt van het ontwikkelen van websites en webapplicaties op basis van het TYPO3 framework. Na een korte periode gewerkt te hebben als ontwikkelaar bij alterNET en een internationaal bedrijf in LED verlichting is hij als freelancer aan de slag gegaan.
Met een passie voor nieuwe technieken, kwalitatieve oplossingen & code en de TYPO3 producten & community ondersteunt hij vanuit zijn bedrijf Stylence zowel grote als minder grote organisaties in de ontwikkeling van websites en maatwerk oplossingen.
Drupal Quick wins for an accessible websiteLimoenGroen
The Web Content Accessibility Guidelines (WCAG) specify which requirements a website should meet to be accessible for everyone regardless of device, location or disability. Since September 2018 they’re not just guidelines anymore, they are obligated rules for government websites of EU state members. In the coming years, these will become mandatory for all public websites. So there’s no excuse left to ignore the requirements.
This presentation is a guide through questions like: Which Drupal modules are useful for accessibility? What kind of configuration promotes it? How could you structure your HTML in twig? How can CSS help you? Quick wins for you, a huge win for an accessible web.
This presentation by Marloes Bosch from LimoenGroen is part of DrupalCon Amsterdam 2019, October 28-31 2019
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
Visie op semantiek, techniek, structuur en werkwijze anno 2012.
Hoe schrijf je toegankelijke en herbruikbare HTML, CSS en Javascript?
Wat is Modular CSS?
Deze workshop geeft je de argumenten.
TYPO3 Congres 2012 - Aan de slag met TYPO3 Extbase en FluidTYPO3 Nederland
Met de lancering van de nieuwste TYPO3 CMS versies wordt het belang van werken met Extbase en Fluid steeds groter. Wanneer je nog extensies ontwikkelt op basis van pi_base of je wilt graag extensies gaan ontwikkelen maar je vindt de drempel is hoog, in deze sessie leer je de basics van een extase / fluid extensie en zie je hoe eenvoudig het is om extensies te ontwikkelen.
Henjo Hoeksma
Na enkele jaren als hobby met TYPO3 gewerkt te hebben, heeft Henjo zijn beroep gemaakt van het ontwikkelen van websites en webapplicaties op basis van het TYPO3 framework. Na een korte periode gewerkt te hebben als ontwikkelaar bij alterNET en een internationaal bedrijf in LED verlichting is hij als freelancer aan de slag gegaan.
Met een passie voor nieuwe technieken, kwalitatieve oplossingen & code en de TYPO3 producten & community ondersteunt hij vanuit zijn bedrijf Stylence zowel grote als minder grote organisaties in de ontwikkeling van websites en maatwerk oplossingen.
Drupal Quick wins for an accessible websiteLimoenGroen
The Web Content Accessibility Guidelines (WCAG) specify which requirements a website should meet to be accessible for everyone regardless of device, location or disability. Since September 2018 they’re not just guidelines anymore, they are obligated rules for government websites of EU state members. In the coming years, these will become mandatory for all public websites. So there’s no excuse left to ignore the requirements.
This presentation is a guide through questions like: Which Drupal modules are useful for accessibility? What kind of configuration promotes it? How could you structure your HTML in twig? How can CSS help you? Quick wins for you, a huge win for an accessible web.
This presentation by Marloes Bosch from LimoenGroen is part of DrupalCon Amsterdam 2019, October 28-31 2019
24Kitchen, the no. 1 platform for food lovers (Showcase LimoenGroen)LimoenGroen
Business objectives, technical challenges and other ingredients for succes. A refreshing insight about the 24Kitchen website project. Presented at Drupal Europe by Baris Wanschers and Imre Gmelig Meijling on September 12.
The Myths, Musts and Migraines of Migrations - DrupalJam 2018LimoenGroen
Bijna elke organisatie heeft een online presence. Maar niet altijd in Drupal en soms met flinke hoeveelheden content die niet verloren mogen gaan. In dat geval is een datamigratie onvermijdelijk. Op DrupalJam 2018 liet Marc van Gend zien hoe het Migrate systeem van Drupal uitkomst biedt, in migraties van niet-Drupal naar Drupal versie 8.
Backend tools als APC, Memcache en Varnish helpen natuurlijk om je site sneller te maken en die gebruiken we daarom ook graag. Echter, de kans is groot dat de meeste performanceproblemen zich bevinden in de front-end: te veel externe resources, een niet-optimale HTML opmaak en JavaScript dat op de verkeerde plek geladen wordt. Wist je dat 80 tot 90% van de laadtijd van een pagina puur front-end is? Laten we daar dan beginnen met optimaliseren!
Lots of customers demand a preview of the the new features before they go live, so we need a solid way to show them our work before applying it on the production environment. You may already use features (good!), but you still struggle with managing your changes? I will show you how my company LimoenGroen uses tools like Jenkins to automatically deploy changes to their Test environment and how to apply these changes to the Acceptance and Production environments.
2. duurzame websites
Even voorstellen
• Baris Wanschers
• Oprichter/CEO van LimoenGroen
• Voorzitter van Stichting Drupal Nederland
@BarisW / www.bariswanschers.com / baris@limoengroen.nl
3. duurzame websites
EYE Amsterdam
• Het nieuwe filmmuseum in Amsterdam
• Tentoonstellingen, films, evenementen, festivals, bar,
restaurant
• 37.000 films, 20.000 boeken,
500.000 foto’s, 60.000 posters
• 750.000 bezoekers per jaar
6. duurzame websites
Panels to the rescue?
• Veel verschillende landingpagina’s
• Pagina’s bestaan uit een aantal standaard elementen
(fotocaroussel in 2 typen, fotogrid, uitklapper (FAQ), tabel)
• Wens om bepaalde contentblokken te hergebruiken
• Wens om zelf landingpagina’s te kunnen aanmaken
• Risico: website wordt snel onoverzichtelijk
• Sommige elementen vastzetten op de pagina
• Kleine contentredactie en goede afspraken
8. duurzame websites
Panels: Wat is het?
The Panels module allows a site
administrator to create customized
layouts for multiple uses.
!
At its core it is a drag and drop
content manager that lets you visually
design a layout and place content
within that layout.
9. duurzame websites
Panels: Wat is het?
• Drag & drop content manager
• Maak eigen page layouts met regions
• 180.000+ installaties, in top 25 van meest geïnstalleerd
• Van de maker van Views & Ctools (merlinofchaos)
• Ctools pluggable
• It’s a beast
Zie: http://www.codeenigma.com/en/blog/performance-panels
11. duurzame websites
Panels: Page Manager module
• Onderdeel van CTools
• Laat je bestaande systeempaden overriden (node/%node)
12. duurzame websites
Panels: Page Manager module
• Onderdeel van CTools
• Laat je bestaande systeempaden overriden (node/%node)
• Werkt met Varianten waarbinnen gebruik wordt gemaakt
van Selection Rules en Contexts (relaties).
• Voorbeeld: wanneer je op een node komt van type
Answer, redirect naar de referenced Question node.
13. duurzame websites
Panels: Page Manager module
• Onderdeel van CTools
• Laat je bestaande systeempaden overriden (node/%node)
• Werkt met Varianten waarbinnen gebruik wordt gemaakt
van Selection Rules en Contexts (relaties).
• Voorbeeld: wanneer je op een node komt van type
Answer, redirect naar de referenced Question node.
14. duurzame websites
Panels: Panels module
• Voegt “Layouts” and “Content” opties to aan Page
Manager variants.
• Plaats bijvoorbeeld het comment form tussen de titel en
de body, of ernaast.
• Panels komt met een aantal Layouts out-of-the-box. Extra
layouts zijn eenvoudig toe te voegen via code.
15. duurzame websites
Panels: Panels module
• Voegt “Layouts” and “Content” opties to aan Page
Manager variants.
• Plaats bijvoorbeeld het comment form tussen de titel en
de body, of ernaast.
• Panels komt met een aantal Layouts out-of-the-box. Extra
layouts zijn eenvoudig toe te voegen via code.
16. duurzame websites
Panels: Panels in Place
• Vervangt de standaard Panels editor door een mooie in-
place editor.
• Met de juiste rechten kan een redacteur blokken
verslepen, een andere layout kiezen en content
toevoegen.
17. duurzame websites
Panels: Panels in Place
• Vervangt de standaard Panels editor door een mooie in-
place editor.
• Met de juiste rechten kan een redacteur blokken
verslepen, een andere layout kiezen en content
toevoegen.
18. duurzame websites
Panels: Panelizer
• Maak view modes (bijvoorbeeld “full content”) van een
node type ‘panelizable’. Zorgt ervoor dat een nieuwe
node panels-in-place ondersteuning heeft.
• Vanaf dan kan je elke node voorzien van custom blocks/
content.
• Op node-level kan je afwijken van de default settings.
19. duurzame websites
Panels: Panelizer
• Maak view modes (bijvoorbeeld “full content”) van een
node type ‘panelizable’. Zorgt ervoor dat een nieuwe
node panels-in-place ondersteuning heeft.
• Vanaf dan kan je elke node voorzien van custom blocks/
content.
• Op node-level kan je afwijken van de default settings.
21. duurzame websites
Panels in de praktijk
• Meeste node-types zijn panelizable
• Custom page layout voor EYE (eye_threecol_stacked)
• Custom panes voor EYE (images_slideshow_pane,
accordion_pane, image_collection_pane, etc).
• Settings in features (Panels zijn exportable).
22. duurzame websites
Show me the code!
• Custom page layout
• Custom pane style
• Custom pane type
Code bekend maken bij Panels dmv:
!
23. duurzame websites
Een eigen page layout
Kan zowel in het theme of in een module
Bij een theme:
plugins[panels][layouts] = layouts in THEME.info
vervolgens de folder in de ‘layouts’ folder plaatsen.
Zie: https://drupal.org/node/495654
29. duurzame websites
Een eigen pane type
Een handige module is Fieldable Panels Panes: voegt een
fieldable entity toe. Die kan je zelf ook maken, via code.
30. duurzame websites
Een eigen pane
Voeg een eigen Fieldable Panels Pane bundle toe met
hook_entity_info_alter();
!
!
!
!
Deze is vervolgens te voorzien van extra velden via de
interface en te exporteren met Features.
31. duurzame websites
Een eigen pane
Aangezien het een entity is, kunnen we ook gebruik maken
van hook_entity_view() om bijvoorbeeld JS te attachen.