December 2011
Intermediate to advanced
170 pages
3h 50m
English
Content preview from Design and Prototyping for DrupalBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 5. Design Layout: Covering All Your Bases
Once you’ve established a visual direction with style tiles and you’re ready to get into design comps (or start theming), you want to make sure you’re considering all of the elements you may end up dealing with in the process of creating a Drupal site. For example, how do you want to treat block quotes? Tables of data? What about pagers for list pages? The following is a brief list of the elements you should consider when creating your style tiles, adapted from San Francisco Drupal firm Chapter Three’s excellent blog post, Design for Drupal—a Template Approach:[3]
Header text and links
Footer text and links
H1 - H5 tags
Body
Link
Unordered List
Blockquote
Image Styles
Code snippets in text
Admin Tabs (the View/Edit/etc. tabs listed on pages for logged-in users)
Secondary Admin Tabs (the links listed under admin tabs)
Collapsible Field Sets and Accordions
Headers and typography for blocks
“More” button
“Read More” link/button
Form elements and labels
Tags
Pagination for Views listings
Tables
Error Messages
Status Messages
Warning Messages
Help Messages
Blog post titles
Author and post date information
Breadcrumbs
While you don’t have to style every last element within a style tile, it’s useful to keep them in the back of your mind while playing around with ideas. In fact, you may even consider doing two style tiles for a given project: one for front-facing pages (i.e., what the user sees) and another for client-facing (i.e., site editors, etc.) pages.
Once you’ve ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.