This documentation is now deprecated in favor the Official Omega Project Handbook - please use the handbook.
The Official Omega Documentation Initiative will be conducting its next documentation sprint January 10th, 2012 @ 2pm EST (1400). The event sign-up page is here. We will focus on completing the Delta section, beginning the Context section and possibly creating a FAQ section.
The Official Omega Documentation Initiative is entering its next phase. This 3rd sprint seeks to focus on drafting "intermediate" level documentation and depending on how things go possibly transfer the final drafts to The Handbook
The Second official Omega Doc sprint event has been created: See here for event details
The official Omega documentation sprint is being organized now and will be held October 3rd, 2011 9pm (CST) in #drupal-omega on IRC.
Official Omega Documentation
The 3.x branch of Omega is the recommended version for all use cases. There have been significant changes to the theme settings UI in 3.x. 2.x docs should not be relied upon for specific configuration instruction.
This Wiki will serve as the main index for all 3.x documentation until further notice. Please contribute to the documentation and help us establish and maintain accuracy.
- Discover Omega - A Responsive HTML5/960 grid Base Theme
- Migrating from Omega 2.x to Omega 3.x - What's New in Omega 3.x?
- Getting Started With Omega - Alpha or Omega? XHTML or HTML5? - What's right for me?
- Creating a Subtheme - How to create your subtheme.
- Omega's Admin Settings UI & Folder Structure - The Big Picture
- Understanding the Responsive Grid - Using media queries to react to screen size changes.
- CSS Weights, Default Loading Order and Overrides - Learn how all your CSS files stack up.
- Responsive Images? - How to make your site images responsive to accommodate your responsive grids.
- Creating and Setting up a Custom Grid for Omega 3.x - Learn How to Change Omega's Default Grid and Create your Own.
- Creating custom Panels layouts for Omega 3.x Learn how to add you own custom grid based panels layouts to your Omega subtheme.
- Adding nested regions in Omega 3.x Learn how to add nested regions to your Omega subtheme.
Omega 3.x is a collection of the latest and greatest in today's web design technologies and standards in a user friendly management interface. Start here to find out what technologies are included in the Omega framework. Learn about the framework and the various respective resources before diving in.
Learn about the starter kits available in Omega 3.x. Learn how to decide if you should go with the stripped down version of Alpha or the full blown version of Omega. Find out how to determine if you should use HTML5 or the more traditional XHTML for your project.
There are two methods of creating omega subthemes. Either via Drush (a module that takes advantage of the command line) or by copying an Omega starterkit and making a few minor edits.
Whether your site is browsed by a desktop user with a widescreen or an iPhone your Omega theme will recognize the screen size and load the appropriate css using media queries.
This Module integrates the Responsive Images library created by Filament Group. the purpose of this library is to load images in different sizes based upon the resolution of the browser loading the page. This allows for mobile-optimized images. This module provides integration with the library and a "Responsive Images" image field formatter where you can select both a small (mobile-optimized) image style as well as a large (for normal screens) image style. The image style configuration options are provided by Drupal core.
Useful Omega Resources:
- Official Omega
Things you should know before getting started with Omega
Excellent Omega 3.x Video Demo by Nathan Lisgo (nlisgo)
Creating a subtheme in Omega 3.x Demo
Omega 3.x Responsive Grid Demo
Jesse Beach briefly discusses Responsive Theming using Omega @ MIT
960 Grid System Screencast by Ted Forbes
Responsive Web Design Nettuts Demo
DrupalCon London Session: Responsive Content: Re-architecting the Basic Page, Render API, etc.
DrupalCon London Session: The Path to a Mobile Drupal: Techniques, Tools and Failure
DrupalCon London Session: Web Typography & Drupal: Putting Arial Out To Pasture (Discussions around Font Embedding in Responsive/Adaptive Theming
Useful Responsive Web Design Resources: