How to create a responsive, mobile-first theme with Omega!

So, you've finished building your amazing Drupal site with all the features and functionality you want... BUT it doesn't look the way you want it visually!

To fix this you'll need to build a custom theme. Creating a Drupal theme from scratch can be a lot of work which involves CSS, Javascript, HTML and PHP, which is why most people start with a base theme instead.

Omega is a base theme that allows you to build a custom theme using entirely CSS (and some JavaScript if you want it) - no HTML or PHP required!

Oh, and did I mention that it allows you to quickly and easily build mobile-first and responsive designs as well? It's 100% fancy buzz word compliant. :-)

In this presentation, Matt Glaman, will show us how to create a custom, responsive Drupal theme using Omega!

No experience required - if you never created a theme and always wondered what that's about, this presentation is for you. And if you've built themes - but not using Omega - you'll get to see all the awesome tools it gives you.

The best food at a Meetup!

As always, Steve will bring some amazing home cookin'! We might not be the biggest Meetup, but we have the best food!

Bring your problems & successes:

Are you working on a Drupal site and hit a problem? Bring it to the meetup and we'll try to help you solve it!

Did you just create something awesome with Drupal? Or learn something cool? Show it off during a 5 minute lightning talk.

Join or login to comment.

  • David S.

    Heh, I thought I'd share this with you guys: remember how last night I said that sometimes I submit a patch to a project and it'll get committed YEARS later? We'll it just happened minutes ago!

    I submitted this patch in April 2011 at it was committed today:

    https://drupal.org/node/1129996

    ;-)

    2 · December 20, 2013

    • Elliot

      That reminded me of the time that I hunted down a gnu project maintainer --- NEVER heard anything back. Things weren't as elegant as they are now, but I submitted perfectly working C code. I think there was an issue with >8 character passwords or something. I can't even remember which utility it was for, it was so long ago now.

      December 20, 2013

  • Matt G.

    Hey everyone! Here's a copy of tonight's slides: http://www.slideshare.net/MattGlaman/gettin-responsive-using-omega-3-and-omega-4

    And here's the Drupal.org doc on how to convert Omega 3 to use Sass: https://drupal.org/node/1808252

    Thanks for letting me present! First full on presentation to a crowd, so hope it went well!

    1 · December 19, 2013

    • David S.

      Thanks so much for presenting, Matt! It went awesome. :-)

      2 · December 20, 2013

    • Elliot

      Great job. I think I'm sold on Omega 3. I really appreciate you trekking up from the 262!

      2 · December 20, 2013

  • Len L.

    Matt, thanks. I thought you did a very good job of explaining (and introducing) Sass. Also, I looked at the Intro to Drupal (one of your other slideshares), and I liked it.

    3 · December 20, 2013

  • Len L.

    I'm glad that Matt is able to step in. I'm anxious to see anyone do anything with respect to theming. I'm getting more comfortable with Drupal, but only making the most basic changes to stock themes.

    3 · December 12, 2013

    • Matt G.

      Well I hope this presentation helps! I just taught a friend with no web experience at all to be my right-hand-man at work, and in 2 months he's flying solo using Omega 3 to build our sites.

      December 16, 2013

  • Matt G.

    Hey all! I'm stepping in for Kevin and was wondering what route you'd like to see this go?

    - General Omega 3 introduction and setup (the no HTML/PHP required route)

    - Omega 3 and Compass/Sass (no HTML/PHP, see how to use Sass with Omega 3 instead of just CSS)

    - Omega 4! Where you can build your own page.tpl.php, use the layouts extension, and how to setup Compass/Sass with Bower, LiveReload, Guard, and all those other crazy things.

    1 · December 12, 2013

    • David S.

      My feeling is that we should probably touch on both Omega 3 and 4 - since it appears that a number of us are still Omega 3 users and it's great for "non-developers"­. Also, when I talked to Kevin before he had to step down, he told me it was going to be about Omega 3. However, I'd love to see a quick introduction to Omega 4 because I've never used it. OR- just present what you have the most experience with, because that'll probably make it a stronger presentation. ;-)

      December 16, 2013

    • Matt G.

      Ok! I'll base it on Omega 3 and touch base on responsive design (as its pretty simple there) and kind of explain how Omega 4 is different.

      Omega 3 vs Omega 4 is apples to oranges. It's completely different. So I think showing how to use Omega 3 to build responsive sites, but also highlighting how Omega 4 is different should help bridge this gap.

      1 · December 16, 2013

  • David S.

    FYI, if anyone missed my million e-mails about this: the presenter is now Matt Glaman rather than Kevin Ciesielski.

    December 12, 2013

  • Matt G.

    Is this on Omega 4? I've begun experimenting with it, used it on my site. Have been a solid Omega 4 user. It's a heck of a switch, looking forward to this!

    December 9, 2013

  • Lowell

    It seems omega 4 relies heavily on saas, ruby, gems, etc, whatever. Having royal problems setting it all up. :-/

    December 9, 2013

  • David S.

    I'm excited to see Omega 4! I've done a couple of Omega 3 themes, but not Omega 4 yet. :-) Kevin, I remember you saying you were using Omega 4 for a client project project recently, right?

    December 5, 2013

  • Elliot

    Very cool, Kevin. I can't wait. I tried using Omega for a project, and I hit some sort of roadblock and abandoned it back to the comfort of Zen (though I don't use any of the new Zen features either...old dog needs to learn some new tricks!)

    1 · December 5, 2013

13 went

People in this
Meetup are also in:

Create a Meetup Group and meet new people

Get started Learn more
Bill

I started the group because there wasn't any other type of group like this. I've met some great folks in the group who have become close friends and have also met some amazing business owners.

Bill, started New York City Gay Craft Beer Lovers

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy