Benjamin Byford

Portfolio / Blog

Web Plugins

JQuery Plugins

Stopmotion-lite.js v1.1
By Ben Byford
NOW ON GITHUB

Direct download: Download stopmotion-lite.js
Github: stopmotion-lite_1.1.js
Download js and demos: Download stopmotion-lite.js

Example 1: Globes1
Example 2: Globes2
Example 3: Globes3

USEAGE:

JS – defaults: stopmotion(’#slideImages’,‘100’, ‘1’)
$(function(){ stopmotion(divID, animationSpeed, pauseButton); //pauseButton 1 on / 0 off });

CSS
#slideImages{ opacity: .6; background: url('images/quality6.jpg') 0 10px no-repeat; height: 415px; } #slideImages img{ padding-top: 10px; margin: 0 auto; display: none; } #slideImages img:first-child{ display: block; } #loading{ position: absolute; top: 300px; left: 49%; z-index: 999; }

Creative Commons Licence
stopmotion-lite.js by Ben Byford is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at benbyford.com.

Javascript Plugins

Containers.js v1 – Bookmarklet
By Ben Byford
GIT IT ON GITHUB

Github: Containers.js

WHAT DOES CONTAINERS.JS DO?

This is a open source art project enabling the user to create a container / or reduce any webpage to its bare bones. All imgs and media are replaced with empty boxes, and text replaced with spaces ( ), this transforms the site into a shell for the now non-existent content, but without completely collapsing the site enabling you to see the container / shell / graphics / boxes / the frame of the site.

Results will be documented here:
www.containersproject.org
Please submit your ‘container’ images there.

USEAGE:

As a bookmarklet (file: containers_bookmarklet.js) – add javascript to bookmarks as a url and click on any web page. Also readable code enclosed.

Creative Commons Licence
stopmotion-lite.js by Ben Byford is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at benbyford.com.

Frog CMS and Wolf CMS plugins

User Documentation Plugin v0.1
By Ben Byford and Anthony Finch

Tested on Frog 0.9.5
Direct download: Download zip

Frog CMS and Wolf CMS frontend Themes

2pane_standard
By Ben Byford

Tested on Frog 0.9.5 and Wolf 7.1
Direct download: Download css
Example 1: NewInc.co.uk
Example 2: itsniceonline.com

Frog CMS and Wolf CMS backend Themes

bb_aqua Theme
By Ben Byford

Tested on Frog 0.9.5 and Wolf 7.1
Direct download: Download zip
Example: image

Github/benbyford



Recently attended lectures / workshops

Adobe After Effects: Level 2 @ Space Studios

Visualising Data Using Javascript (D3.js) @ General Assembly

Crafting a Storytelling Strategy for Your Brand @ General Assembly

Introduction to Backbone.js @ General Assembly