Everest

Everest is a base theme for Drupal.

Sub-theme can be easily generated by using the Drush command.
$ drush everest-subtheme

Note:
Currently it is in the development phase.

Juicebox HTML5 Responsive Image Galleries

The Juicebox module helps integrate the Juicebox HTML5 responsive gallery library (http://juicebox.net/) with Drupal. Juicebox is in many ways the successor to Simpleviewer and offers a powerful and responsive image gallery front-end that's based on HTML5. See the project page for a detailed feature overview.

Installation

  1. Install and enable the required Libraries API module (version 2.0 or above) from http://drupal.org/project/libraries.
  2. Download the 3rd party Juicebox library from http://www.juicebox.net/download/ and extract it to a temporary location. Both the Lite (free) and Pro versions should work fine with this module, and the one you should choose depends on how much formatting flexibility you require.
  3. Copy the appropriate core Juicebox library files that you just extracted to Drupal's library directory. Typically, this means you will create a new directory called /sites/all/libraries/juicebox and then copy the full contents of the the Juicebox "jbcore" directory to this library directory. You will end up with a structure like /sites/all/libraries/juicebox/juicebox.js and /sites/all/libraries/juicebox/classic/themes.css, etc.
  4. Install and enable this Juicebox module.

SCSS Settings

Foundation Settings

Before you start theming and styling away, be sure to check out the _settings.scss file. From there, you're able to change styling with a change of just a few sass variables and change the look and feel of the page without actually doing much styling.

The Zurb Foundation docs provide a template and boilerplate for all these variables. It's also well documented.

Drupal 7 - How to Build a Drupal 7 HTML5 Video Subtitling/Closed-captioning System

Overview

Why might you want to close-caption or subtitle video content on your site? Well, one reason for subtitling is to provide fully functional internationalization/localization capabilities. One of the many reasons Drupal is the CMS of choice is because of its robust multilingual support. If you are posting multilingual text content on your site, multilingual support can and should extend to all content, including video, through the use of subtitles.

Many visitors to your site—regardless of whether or not your content is internationalized—may use a screen reader or require the use of text captions where audio is used within video to convey information. It is therefore a reasonable accessibility accommodation in many cases to provide closed captions where video is an essential component of your site.

A third use case involves a site where video is used to demonstrate a process in detail, but where audio description is too expensive, time consuming, or creates significant localization challenges. I have a site where I have hundreds of separate videos, all with stepwise descriptions for completing maintenance or troubleshooting procedures. I needed the non-technical end-user to be able to upload the video and add subtitle text in the node edit page.

Details

Problem

Pages with a lot of form elements without grouping and hierarchy are confusing and hard to use and get used to. Some form elements are not important enough to see all the time.

Solution

Group related form elements with a detail.
A detail is placed around these form elements. Depending on the browser, a detail will be collapsible.

Use when

  • There are a lot of form elements which need to be grouped logically
  • There are very different form elements on a page
  • There are very similar form elements, but with a distinctive difference

Recommendations

  • Don't put a detail around the main (first) interaction on the page if there is one
  • Keep the label short and concrete
  • detail contents should stay within 1 page scroll
  • Avoid nested details, it disorients the user
  • Position default-collapsed details below expanded ones
  • If a detail is collapsible, the default state should be collapsed (if it's that important to show its content initially, don't make it collapsible)

When to use Fieldsets over Details

  • When they are semantically related like a date field with year, month, day, time.

API

Pages

Subscribe with RSS Subscribe to RSS - html5