Drupal Omega Theme + LESS Drupal User Group 13/12/2012 Maarten De Block 13/12/2012www.entityone.be1.

Slides:



Advertisements
Verwante presentaties
Worstelen met grenzen en onzekerheid. Reflecties over consumptie
Advertisements

SharePoint denk in blokken Ton Stegeman.
Help, ik moet naar Office 2007!?. Wat horen wij bij klanten Training “New UI will cause too big of a loss in productivity” Training “New UI will cause.
Onder de motorkap van Ruud van Falier ParTech IT Sitecore User Group, 11 september 2013.
Marc Rietman, Application Engineer
HM-ES-th1 Les 9 Hardware/Software Codesign with SystemC.
BizTalk by Design Steef-Jan Wiggers.
Requirements -People are able to make their own memorial page, called a memori -The website will be build first in Dutch for extension.nl, then copied.
Autoverzekering BA bij jongeren Car Insurance Survey
Een alternatief voorstel Naar aanleiding van bestudering van de IAASB voorstellen denkt de NBA na over een alternatief. Dit alternatief zal 26 september.
Social Technographics Hoe ontwikkel je een succesvolle social media strategie? Reineke Reitsma Director, Consumer Technographics Forrester Research 11.
Deltion College Engels C1 Gesprekken voeren [Edu/002]/ subvaardigheid lezen thema: Order, order…. can-do : kan een bijeenkomst voorzitten © Anne Beeker.
JQuery en ASP.NET Bart De Meyer.
Woensdag 15 januari 2014 Intro Windows-8.1. Intro Windows-8,1 Windows ontwikkelingslijn Windows-95Windows-98Windows-2000Windows-ME Windows-XPWindows-VistaWindows-7.
Access en MySql Ynte Jan Kuindersma, BIRD Automation Nationale Officedag 2009 EDE, 14 Oktober 2009.
GUI Router en Switch Afstudeerproject Maarten Diels & Geypens Björn.
Lucene/SOLR 1: inleiding + indexering
Frédérique Harmsze - Macaw 22 juni Wie ben ik?  Frédérique Harmsze  Information Worker Consultant bij Macaw sinds 2004  Intranet-projecten met.
Sitecore Item Web API & Mobile SDK
Introduction multimedia. convergence standards retrieval applications & technology.
Voor VBA programmeurs Maurice de Beijer.  Maurice de Beijer.  The Problem Solver.  Visual Basic MVP.  Blog: theproblemsolver/default.aspxhttp://msmvps.com/blogs/
Voor VBA programmeurs Maurice de Beijer.  Maurice de Beijer.  The Problem Solver.  Visual Basic MVP.  Blog: theproblemsolver/default.aspxhttp://msmvps.com/blogs/
Speaking OData to SharePoint 2010 in a RESTful manner Michaël Hompus | Principal Developer | Winvision.
Contact: en USolv-IT
Crashcursus HTML en CSS 2013
Excel Services Dennis Vroegop.
Faculteit Ingenieurswetenschappen & Wetenschappen Software Engineering Publicatie Management Systeem Groep se1 Software Engineering Thierry Coppens.
Elizabeth Mattijsen Eerste Nederlandse Perl Workshop 5 maart 2004 Parsing XML / HTML.
Server side scripting 1 Webtechnologie Lennart Herlaar.
Ubuntu LiveDVD Wietse De Winter Peter De Maeyer. Ubuntu LiveDVD OPDRACHT: Live DVD maken die alle software van INF1 kan draaien.
1 Toegepaste Informatica Keuzevak C++ 3°jaar. 2 Studiefiche  Software  Boek (hfst 3-5)  Presentatie (website)
Enterprise Application Integration Walter Moerkerken Ilona Wilmont Integratie Software Systemen 8 mei 2006.
DSpace-gebruikersdag 9 maart 2006 WildFire ● WildFire is ontwikkeld door Henk Druiven, Rijksuniversiteit Groningen Met dank aan Johannes Nicolai en al.
Duurzame samenwerking voor verse groenten verhoogt kwaliteit voedselhulp in West-Vlaanderen Het Welzijnsconsortium is een samenwerkingsinitiatief tussen.
Lezingenreeks : weefsels Introductie wiki. Wat is een wiki? Wiki From Wikipedia, the free encyclopedia A wiki is computer software that allows users to.
WinFX Overview Martin Tirion Senior Consultant Microsoft Services.
Knowledge for business VIOS: Veiligheid In en Om School (Safety In and Around Schools) Kim Kranenborg TNO Human Factors P.O Box ZG Soesterberg.
3.6 Architecture of HIS. 3.7 Integrity & Integration within HIS Suraja Padarath /10/2007.
Mashups for the masses Maarten Brugman & Sven Vintges.
Hibernate Object relational mapping
Key-consult - T 03/ Is uw privé leven even belangrijk als uw werk? Kunnen we in balans leven of is het een contradictio.
HOM - COM Ledenvergadering 08 / 10 / Easeus-Partition-Master- Home-Edition Link software: Master-Home-Edition/ _4-
Wolter Kaper - AJAX en Javascript via Rails Deel 1 en 2.
De Anglo-Amerikaanse Traditie: Principlism: de bio-ethiek
Visual Basic.Net - Overzicht
Vervolg C Hogeschool van Utrecht / Institute for Computer, Communication and Media Technology 1 Onderwerpen voor vandaag GUI  command line redirection.
Hoofdstuk 2 Java. Soorten Java-programma’s nJava Applet programma “leeft” op een WWW-pagina nJava Application programma heeft een eigen window nJavascript.
Context-Driven Adaptation of Mobile Services Vergadering met Gebruikerscommissie na jaar 2.
XForms TU Delft Library Digitale Productontwikkeling Egbert Gramsbergen.
Web Applicaties Bouwen met Visual Studio .NET
1 december KC Development Tools Hands-on Oracle HTML DB v2.0.
DARE SUMMER SCHOOL Metadata Peter van Huisstede / Ursula Oberst 28 juni 2005.
DSpace-gebruikersdag 9 maart 2006 WildFire ● WildFire is ontwikkeld door Henk Druiven, Rijksuniversiteit Groningen Met dank aan Johannes Nicolai en al.
Milieuhandhaving in Vlaanderen nieuwe stijl Prof. dr. Michael G. Faure LL.M. Voorzitter Vlaamse Hoge Raad voor de Milieuhandhaving VOKA Kortrijk.
Rework website Status op stafvergadering Bart Nelis Gent: #239/ docentengang Brussel: /naast bibliotheek.
1 De ontdekking van Web 2.0 Presentatie Team Ordina type hier de datum 19 april 2007.
We zijn toch allemaal zoekende?
Ted Nelson (1937- ) A file structure for the Complex, the changing, and the Interdeterminate.
EML en IMS Learning Design
Link Popularity Het principe van linkpopulariteit kun je als volgt samenvatten: hoe meer webpagina's er naar een bepaalde webpagina linken, des te belangrijker.
De evolutie van JavaScript
In samenwerking met HowITsDone JSF versus AngularJS client-server 2.0.
© 2013 Autodesk AutoCAD ® Map + GeoIT Bodem
C++ C++ als een verbetering van C Abstracte datatypen met classes Constructoren en destructoren Subklassen binding van functies 1.
The beast has been released! 4 arcade-style games Interviews with famous people in the game industry Develop browsers games for any device (phone, tablet,
Computertechniek Hogeschool van Utrecht / Institute for Computer, Communication and Media Technology 1 C programmeren voor niet-C programmeurs les 2 definitie.
The Solution. Enkele kernpunten Zettabyte File System (ZFS) 128 Bit file system Maximale opslagcapaciteit is gelijk aan op zijn Engels gezegd : 16 billion.
Kañooh demo sessie 05/02/2015. kañooh websites Basis Functies Content Structuur Workflow Functionaliteiten … Basis Functies Content Structuur Workflow.
ASP.NET MVC Views.
[Description – 160 Characters] [Location]  [Website]
Transcript van de presentatie:

Drupal Omega Theme + LESS Drupal User Group 13/12/2012 Maarten De Block 13/12/2012www.entityone.be1

Drupal User Group VZW Ondersteunen van Drupal iniatieven – DUG – DrupalCamp – … Kennis en gebruik Drupal bevorderen Verkiezingen begin /12/2012www.entityone.be2

Maarten De Block Drupal Developer / Trainer – Dus geen themer ;-) Auteur “Kickstart Drupal 7” – Zaakvoerder EntityOne – Gericht op web- en communicatiebureau’s – Consultancy, opleidingen, projecten 13/12/2012www.entityone.be3

Kenmerken Omega Responsive – Past zich aan naar breedte toestel Grid – 12, 16 of 24 kolommen – Gebaseerd op 960.gs HTML5 of XHTML Starterkit Opdeling in regions en zones #D8CX 13/12/2012www.entityone.be4

Alpha / Omega Alpha – Basic CSS reset – Grid – Core layout – Interface and debugging – Basic templating functions Omega – Panels integration – Default CSS 13/12/2012www.entityone.be5

Sites met Omega /12/2012www.entityone.be6

Installatie Downloaden als een andere theme Subtheme maken – Manueel: README.txt – Automatisch: /12/2012www.entityone.be7

Installatie demo Downloaden Omega Downloaden en installeren omega_tools Appearance  Create new Omega Subtheme – Map sites/all/themes moet (tijdelijk) beschrijfbaar zijn! Ook mogelijk met drush – /12/2012www.entityone.be8

Structuur Section – Zone Region – Block 13/12/2012www.entityone.be9

Sections 3 sections – Header – Content – Footer Niet de bedoeling dat ze aangepast worden 13/12/2012www.entityone.be10

Zones Groepering van regions Aanmaken: –.info bewerken – Section kiezen in UI 13/12/2012www.entityone.be11

Regions Regions zoals bij andere theme’s Aanmaken: –.info bewerken – Zone kiezen in UI 13/12/2012www.entityone.be12

Debugging Grid en en placeholders in/uitschakelen Tonen voor bepaalde rollen 13/12/2012www.entityone.be13

Toggle libraries Formalize – Helpt om forms gelijke layout te geven in verschillende browsers. – Media queries – Javascript triggers om functies uit te voeren adhv screen size – Extra classes op de body tag. Equal heights – Iedere block binnen region even hoog als hoogste block – “Force equal height for all child elements” op region zetten. 13/12/2012www.entityone.be14

Toggle styles Optionele stylesheets enablen Drupal stylesheets disablen 13/12/2012www.entityone.be15

Toggle advanced elements In/uitschakelen van – Messages – Action links – Tabs – Breadcrumb – Page title – Feed icons 13/12/2012www.entityone.be16

CSS structuur global.css yoursubthemename-alpha-default.css yoursubthemename-alpha-default-narrow.css yoursubthemename-alpha-default-normal.css yoursubthemename-alpha-default-wide.css 13/12/2012www.entityone.be17

Mobile first Eerst layout voor mobile in global.css Per file de css uitbreiden 13/12/2012www.entityone.be18

Panels Omega heeft support voor Panels! Kiezen voor ‘Omega …’ bij layout 13/12/2012www.entityone.be19

LESS Dynamic stylesheet language. Variablen gebruiken in CSS Functies (Mixins) 13/12/2012www.entityone.be20

Omega + LESS – Plaatsen in sites/all/libraries/lessphp 13/12/2012www.entityone.be21

Verder Delta – – Verschillende layout versies – Bijvoorbeeld home Responsive images and styles – /12/2012www.entityone.be22

Vragen? 13/12/2012www.entityone.be23

Pintjes! Met dank aan Pure Sign voor locatie en drank! 13/12/2012www.entityone.be24