Omega 3 Omega 3 Responsive Site BasicsResponsive Site Basics

Omega 3 Omega 3 Responsive Site BasicsResponsive Site Basics

Stuff I wish someone had told meStuff I wish someone had told me(or that I bothered to read)(or that I bothered to read)

Stuff I wish someone had told meStuff I wish someone had told me(or that I bothered to read)(or that I bothered to read)

Dan EvelandDan Eveland

Full-time Drupal DeveloperCity of Chattanooga

Chattanooga Public Library

Dan’s credentialsDan’s credentials

22 years wasted in corporate IT

Unemployed for 3 years (also called being a “freelance web guy”)

Paying my bills with Drupal for 4+ years

Love me some GUI (yes, I know, unpopular)

Keep in mindKeep in mind

This is the “Dan” way

May not be right

May not be efficient

Does actually work every time

You may find better ways (you present next year)

I hate codeI hate code

Not a big fan of coding

It has it’s place, like:

When you mess with 22 modules for a week and can only bill for (maybe) 1 day…

…it’s time to code

Omega 3Omega 3

Great GUI

Requires little coding

Responsive out of the box

Modules add power

Logical CSS (once you understand it)

Go to…Go to…

Not now

Later

https://drupal.org/node/1768696

Omega 4Omega 4

No GUI

New CSS environment

I fear change and learning new things, therefore…

I totally hate it

InstallInstall

Three components

Theme (obviously)

Omega Tools

Delta (not today)

I am the 1 percent!I am the 1 percent!

Alpha has the basic CSS reset, grid, core layout, interface and debugging and basic templating functions.

Omega adds panels integration and a selection of default styling css.

They say in 99% of cases you want to base your subtheme on Omega. (I don’t agree)

Starter kitStarter kit

Choose your Starterkit

Omega gives you two starterkit options

Omega-html5 (duhh!!!)

Omega-xhtml.

Know thy Know thy LayersLayers

global.css = global (everything and mobile goes here)

subthemename-alpha-default.css = default

subthemename-alpha-default-narrow.css = narrow

subthemename-alpha-default-normal.css = normal

subthemename-alpha-default-wide.css = wide

Mac OS X ToolsMac OS X Tools

You may have other favorites.

Espresso (CSS)

Sequel Pro (MySQL)

BBedit (muscle text editor)

Transmit (SFTP) (Friends don’t let friends FTP)

–Everyone

“This is the greatest library web site ever made by man.”