Design for Drupal is about bringing the community of designers together to be a part of the Drupal community. It’s about enabling designers and themers to do great stuff, coordinate efforts, come up with crazy ideas, and build a movement to make Drupal beautiful.
For specific questions about theming and how to make Drupal look a specific way visit http://groups.drupal.org/theme-development
Resources:
Issues that need design review.
Design and themeing drupal core initiatives
IRC: #drupal-design
Twitter: #d4d
Recent posts
D8 Mobile Initiative IRC Meeting #4
Please join us for our fourth IRC meeting to discuss issues related to the Drupal 8 mobile initiative. The meeting will be held in #drupal-mobile on IRC at 19:00 UTC on Thursday, February 16. Using IRC is easy; Drupal.org provides a guide to using IRC.
Thursday, March 1:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Friday)
D8 Mobile Initiative IRC Meeting #3
Please join us for our third IRC meeting to discuss issues related to the Drupal 8 mobile initiative. The meeting will be held in #drupal-mobile on IRC at 19:00 UTC on Thursday, February 16. Using IRC is easy; Drupal.org provides a guide to using IRC.
Thursday, February 16:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Friday)
PSD/PNG Styleguides of Base themes
I started putting together Layered PSD files of starter themes styleguide,using the styleguide module http://drupal.org/project/styleguide.
EDIT: All the PSD styleguides are now available on Github https://github.com/waako/Drupal-Themes-Styleguide/ each theme has it's own branch
I have done one, or several, for the following base themes:
Omega Alpha subtheme (includes the Omega theme development blocks and grid) (http://drupal.org/project/omega):
http://dl.dropbox.com/u/124467/drupal/design/omega-alpha_blocks-grid.psd...
Framework (http://drupal.org/project/framework):
The Progression of the Drupal Mobile HTML Prototype
The aim of the Drupal Mobile HTML prototype is to demonstrate the look, feel and thinking behind the design for Drupal’s Mobile Admin interface. It is purely for demonstrative purposes.
This document references the D8MUX Roadmap and everything in that post also applies here.
Drupal Styling for Beginners (3-day course)
Xykon, the consulting firm I work for is offering a new 3-day long Drupal
course Drupal Styling for Beginners" at our offices in Dupont Circle on I street.
This 3-day long course: 'Drupal Styling for Beginners' will get
your theming journey started on the right foot. Accompanied by our
in-class workshops and take-home assignments, you'll get a great head-start
with Drupal, learning how to set up and style basic views, web forms, core
D8 Mobile Initiative IRC Meeting #2
Please join us for our second IRC meeting to discuss issues related to the Drupal 8 mobile initiative. The meeting will be held in #drupal-mobile on IRC at 19:00 UTC on Thursday, February 2. Using IRC is easy; Drupal.org provides a guide to using IRC.
Thursday, February 2:
San Francisco — 11am
New York — 2pm
London — 7pm
Taipei — 3am (Friday)
Omega theme with Compass and SASS - what are the best practices?
For background, I am using Compass on the command line with an Omega HTML5 starter kit subtheme. Also, I'm in local dev on Windows 7 and abandoned trying to use the Compass module, but I'm pretty sure that doesn't matter if I can use the command line.
I have created a compass project in my theme and I have the SASS default stylesheets ie.scss print.scss and screen.scss - I created a .scss file for each of the Omega stylesheets. They are then compiled to CSS and watched by Compass.
Read more
UX IRC open hours
Drop by in IRC in #drupal-usability and discuss current design projects. As always, contrib module authors are welcome to bring user interface questions. Bring screenshots or a demo site and we'll review.
Lets discuss http://groups.drupal.org/node/204213 too.
Read moreHow to Wrap Text Around View Page Listings
My problem is CSS Styling. I have a D7 view page listing my new articles. The fields for this page are :
Content: Title
Content: Image
Content: Body
Content: Link
I want the body text (teaser) to wrap around the image. my blow CSS did wrap the text around the image the way I want it but the problem is the second/third article does not float to the left. Please take a look here. It's on my localhost. http://tinyurl.com/7yz5876
.views-field-field-image {
float: left;
margin: 10px 20px 5px 0;
Environment:
Drupal Version: 7.8
Drupal 7 Layout and Theming training at SANDCamp 2012
Join us at SANDcamp, the San Diego Drupal Camp, on Thursday, January 26, 2012 for a full day of Layout and Theming training! This class is being offered at a 70% discount off the normal price. Sign up today!!
