a responsive theme in 50 lines of code › assets › pdfs › responsive.pdf · drupal core may-...

A RESPONSIVE THEME IN 50 LINES OF CODE Or thereabouts... Alan Burke [email protected] @alanjosephburke

Upload: others

Post on 28-Jun-2020

2 views

Category:

Documents

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

A RESPONSIVE THEME IN 50 LINES OF CODE

Or thereabouts...

Alan Burke

[email protected]

@alanjosephburke

mailto:[email protected]

Page 2: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

How to go responsive

● You need a base theme

● Don't you?

Page 3: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Options

Page 4: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Options

● Zen● Omega● Fusion● Terrain● Adaptivetheme

Page 5: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Options

D I Y

Page 6: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Name

Page 7: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Name

Page 8: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Getting Started

Page 9: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

It lives!

Page 10: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Mobile First...

Page 11: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Helping Hands

Page 12: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Helping Hands

Page 13: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Compass installation

Page 14: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Page 15: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Page 16: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Finished Product

Page 17: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Resources

● Sass - http://sass-lang.com/● Compass - http://compass-style.org/● Zen Grids - http://zengrids.com/● Thor - http://drupal.org/project/thor ● Luke W Patterns -

http://www.lukew.com/ff/entry.asp?1514 ● Drupal Themeing - ● http://drupal.org/node/337173

http://sass-lang.com/

http://compass-style.org/

http://zengrids.com/

http://drupal.org/project/thor

http://www.lukew.com/ff/entry.asp?1514

http://drupal.org/node/337173

Page 18: A RESPONSIVE THEME IN 50 LINES OF CODE › assets › pdfs › responsive.pdf · Drupal Core May- 14 Version control Edit Revisions Vi ew Posted by alanburke on May 2, 2012 at 1:08pm

Questions

Thank you!

Bowman Creek Flow Monitoring · Randall Ave SE 2:01pm Strong Flow Clear water flowing from culvert M2 Katherine Ave SE 2:08pm No Flow Stream bed moist, but firm ground M3 Jasmine

SECAUCUS BOARD OF EDUCATION BOARD MEETING SPECIAL …€¦ · Executive Session at 5:08PM in order to discuss personnel. Board Members present unanimously adopted the foregoing Resolution

Ipswich Form Guide · Ipswich Form Guide SAT.JUN.18 15/06/2016 Page 1 of 41 1 12:08PM XXXX GOLD IPSWICH MILE Class 6 Plate 1666M Prizemoney: 1st: $40200 2nd: $10800 3rd: $5400 4th:

13,2019 3:08PM No, 7040 p, 2/24 - The West End Reporter · 2019-06-21 · OROVleH, did strike, shove, kiokor otherwise subject .uch other penlon to physloal oontaot, ordid attempt

COVID-19 WEEKLY BULLETIN 30th July 5 August 2020...2020/08/05 · May 01-May 02-May 03-May 04-May 05-May 06-May 07-May 08-May 09-May 10-May 11-May 12-May 13-May 14-May 15-May 16-May

Minutes of Ordinary Council Meeting - 24 00 2020...2020/03/24 · NOTE 3: Councillor De Luca left the meeting at 6:08pm and returned at 6:09pm. 5.1 PUBLIC ADDRESS Item 12.2 – Outcomes

Responsive Web Design (RWD) - Aurélien Tabardtabard.fr/courses/2017/mif13/Responsive.pdf · Les grilles en CSS Une Candidate Recommendation du W3C (étape après draft) Beaucoup

2013BatchStudentsNon Responsive.pdf

Cosa sono i siti responsive sono i siti responsive.pdf · Infatti il sito viene progettato e pensato su più dispositivi, è come avere 3 siti in uno. Ecco un sito ottimizzato In

Montgomery County, Maryland Office of the County Executive ...€¦ · 15/11/2016 · On Sunday, July 10, 2016, at approximately 11:08pm, the ECC experienced an interruption in its

One Year from the Election…. mori summary 2014.pdfMay 1997 May 1998 May 1999 May 2000 May 2001 May 2002 May 2003 May 2004 May 2005 May 2006 May 2007 May 2008 May ... Base: representative

EFiled: Jun 8 2006 4:08PM EDT Filing ID 11483211 Case ... · in the supreme court of the state of delaware in re the walt disney company § derivative litigation § § no. 411, 2005

Cairns Form Guide Cairns Form Guide FRI.SEP.25 25/09/2020 Page 1 of 25 1 01:08PM NORLIFT QTIS Three-Year-Old Handicap 1250M QTIS Prizemoney: 1st: $18500 2nd: $5550 3rd: $2875 Prizemoney:

The public, money, the NHS and the future · May 1997 May 1998 May 1999 May 2000 May 2001 May 2002 May 2003 May 2004 May 2005 May 2006 May 2007 May 2008 May 2009 May 2010 May 2011

Quantitative Social Science: An Introduction - Chapter one Introduction · 2019-09-30 · January 5, 2017 Time: 12:08pm Chapter1.tex Chapter 1 Introduction In God we trust; all others

Jalisco · 2014. 8. 20. · 02/may 02/may 02/may 07/may 08/may 08/may 16/may 19/may 26/may liq oi/may oi/may 02/may 07/may 08/may 08/may 14/may 16/may 19/may 26/may operacion 74,181.93

Office of the Registrar SECTIONS WITH Curricular Services ... · 10/21/2016 2:41:08pm food science a1 390 201 001 lec 0106 0119 16:35 17:25 w 0 0 food science a1 390 441 001 lec 0

APRIL MAY APRIL MAY APRIL MAY · 2020. 12. 23. · may 31 may 30 may 29 may 28 may 27 may 26 may 25 may 24 may 23 may 22 may 21 may 20 may 19 may 18 may 17 may 16 may 15 may 14 may

May 2014 Session May 5th - May 23rd May 2014 Session May 5th - May 23rd

Wildlife Information Management System Page 1 of 41 · PDF fileWildlife Information Management System 2015 Report Date: 2015 06 10 Page 2 of 41 Draw Date: 2015 06 10 4:03:08PM Area

Date Day Tithi Star Rahu Yama - Shiva Murugan TempleDate Day Tithi Star Rahu Yama 3/1/2019 Fri K.Ekadashi 9:35pm Puradam 4:26pm 10:56am-12:20pm 03:08pm-04:32pm

Mackay Form Guide - Racing Queensland...2019/06/29 · Mackay Form Guide SAT.JUN.29 29/06/2019 Page 1 of 29 1 12:08PM MACKAY CASINO NIGHTS QTIS Two-Years-Old Handicap 1050M QTIS Prizemoney:

XION 2019 Rally Argentina...10:31am SS17 Mina Clavero- Giulio Cesare 20.30km 12:08pm SS18 El Copina-El Condor 2 16.43km 2:01pm Service, Villa Carlos Paz 10 minutes 3:00pm Podium ceremony,

Author, - download.e-bookshelf.de · Trim Size: 6in x 9in Vaidaynathan624615 ffirs01.tex V1 - 12/09/2019 4:08pm Page i IntheAgeoftheInternetthatusheredinthiscentury,productwasstillking,andthe

Plano de Desconfinamento - AHRESP · 15-May 16-May 17-May 18-May 19-May 20-May 21-May 22-May 23-May 24-May 25-May 26-May 27-May 28-May 29-May Norte Centro LVT Alentejo Algarve

Geelong - Microsoft · 2020. 2. 20. · Friday, 21 February, 2020 Geelong First Race: 7:08PM (VIC time) Win - KIPLING (R12B4) 1st Leg: 1,6,8 2nd Leg: 1,2,5 3rd Leg: 3,6,8 4th Leg:

11/8/2016 9:41:08PM Orange County Results for Election ... 02/sov.pdf · 11/8/2016 9:41:08PM November 08, 2016 Orange County Results for Election Page 1 of 1091 PRESIDENT AND VICE

rcdarbhanga.ignou.ac.inrcdarbhanga.ignou.ac.in/Ignou-RC-Darbhanga/userfiles/file/05137P-1.pdf33 34 35 36 37 38 39 40 41 42 43 44 month may may may may may may may may may may may may

Transforming the mainstream_ building a gender-responsive.pdf

Character countrepository.unib.ac.id/20614/1/Bukti II_C_2_2.pdfSubmission date: 23-Jan-2020 04:08PM (UTC+0700) Submission ID: 1245327207 File name: Bukti_II_C_2_2_IJAT.pdf (401.29K)

BOARD OF DIRECTORS - IndyGo...Chairman Greg Hahn at 5:08pm, Thursday, April 23, 2020. This meeting was held remotely with all seven (7) Board This meeting was held remotely with all

Cranbourne - Microsoft...2 TOP CAT VIDEO FINAL 311 Metres 7:08PM Maiden Final GUNG HO HUNTER (3) put on a dominant display in his brilliant 17.81 win here and a similar performance

fasttrack.blob.core.windows.net · Friday, 14 October, 2016 Geelong First Race: 7:08PM (VIC time) Win - MISS MORRISSET (R4B8) Win - NITRO SWAGGER (R5B1) 1st Leg: 1 2nd Leg: 1,2,3