Media Query Images

Component type

module

Maintenance status

Development status

Downloads

1001

Component created

Component changed

A javascript-free responsive image formatter.

This module has similar functionality to the Picture module.

This module provides an additional image field formatter and stand-alone widget
that allows the browser to automatically download the appropriately sized image
for the current display. This helps save bandwidth and improves the page load
time.

Because the module does not require javascript in modern browsers, images are
requested sooner in page load and reduces browser processor usage on javascript.

Instructions

After enabling the module you can select it as a field formatter for any image
fields defined on a content type.

There are three options when using this module as a field formatter:

  1. "Media Query Images with Picture mappings" - This allows formatting of the
    field using pre-existing mappings from the Picture module. This allows for
    simple replacement of Picture module formatting with this module. Picture
    module must remain enabled to preserve breakpoint mappings.

    Requires Picture and Breakpoints module.

  2. "Media Query Images with Breakpoints" - This allows formatting of the field
    with Breakpoints functionality. Each breakpoint in Breakpoints group is
    configured in the field display settings.

    Requires Breakpoints module.

  3. "Media Query Images" - This output has no automatic image choosing
    functionality. You select from the list of available styles for this field
    to show. This output is designed for developers that want to have total
    control of the displayed image style using their code.

    Requires no additional modules.

Legacy Browser Support

The built-in automatic image selection funcitonality of this module depends on
media queries support in the browser.

Browsers supporting media queries can be seen here
http://caniuse.com/#feat=css-mediaqueries.

This functionality also works with IE8 when using respond.js, a JS polyfill for
media queries.

Tested using Respond.js module in IE8.

Not tested in any older browsers.

Client-side Timezone Rewrite

Component type

module

Maintenance status

Development status

Downloads

654

Component created

Component changed

This module attempts to adjust all dates displayed to end-users in their current timezone without a user having to be authenticated with their user timezone preferences configured.

It does this by checking for RDF metadata in the DOM and running the associated date/time through the JavaScript Date object (which is aware of the user's current timezone), then rewriting the date according to the format specified for the date display.

Compendium

Component type

module

Maintenance status

Development status

Component created

Component changed

Adds a view mode that can be used as a table of contents. Also includes input filter that will generate unique targets for the table of contents.

Both can be used independently and on any node type.

I realize there are lots (lots) of table of contents module, however this one provides what I feel is a better design. It can work with any entity and does not rely on javascript.

Hashtag Taxonomy Formatter

Component type

module

Maintenance status

Development status

Downloads

2116

Component created

Component changed

Overview

This is a small module written to provide a hashtag field formatter for taxonomy items. You may use it in Views or any other place the field formatter applies.

This module provides a formatter. This means that it doesn't change the taxonomy term in any way or how it is saved. It changes the way it is displayed. For example, if you have the terms "Cinema Movies", "Sports Section", "Φαγητό" (Greek), they will be displayed as "#CinemaMovies", "#SportsSection", "#fagito" respectively.