As the label suggests helpers are random classes or code that you can use to add functionality and assist with front end development.

Javascript Helpers

2.0.0

Smarts in the JavaScript framework to optimise page performance. For example de-bugging, throttling and debouncing.

The JavaScript framework comes with three public methods. You can read a more detail breakdown in our getting-started section.
  • GUI.DEBUG To toggle debugging information simply run GUI.DEBUG = true || false
  • GUI.DEBUGfilter Filter debug messages with this array. Show only messages from eg alerts run: GUI.DEBUGfilter = ['alerts']
  • GUI.detectCSS() A simple feature detection method. Run GUI.detectCSS('animation') and get a boolean value back for wether or not the feature is supported.
  • GUI.debounce() A common debounce method. Read more on CSS-tricks
  • GUI.throttle() A common throttle method. Read more on CSS-tricks

What’s new since v1.0.1

This version changed: JS but not: HTML, CSS/LESS
  • Our debugging messages when switched on in the GUI can be quite noisy. To find zen in all the noise we added a filter to the debugger. Now you can only tune into the module you want to debug. Read more about using the JavaScript framework.

Accessibility Helpers

2.0.1

Skip links

Used mainly by screen reader users for bypassing or "skipping" over repetitive web page content.

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
<a class="sr-skiplink" href="#content">Skip to main content</a>

LESS

The main mixin is called: _accessibility-helpers(BT)

Screen reader only text

Hides an element to all devices except screen readers.

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
<span class="sr-only">Text hidden from user but visible to screen readers</span>

LESS

The main mixin is called: _accessibility-helpers(BT)
2.0.2

Skip links

Used mainly by screen reader users for bypassing or "skipping" over repetitive web page content.

What’s new since v2.0.1

This version changed: CSS/LESS but not: HTML, JS
  • Increased the .sr-skiplink z-index to ensure it’s above all elements (incl. modals and fixed headers etc.)

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
<a class="sr-skiplink" href="#content">Skip to main content</a>

LESS

The main mixin is called: _accessibility-helpers(BT)

Screen reader only text

Hides an element to all devices except screen readers.

What’s new since v2.0.1

This version changed: CSS/LESS but not: HTML, JS
  • Increased the .sr-skiplink z-index to ensure it’s above all elements (incl. modals and fixed headers etc.)

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
<span class="sr-only">Text hidden from user but visible to screen readers</span>

LESS

The main mixin is called: _accessibility-helpers(BT)