Categories for Works

Native Slider

native-slider

CSS-only slider with native browser scrolling and JS navigation buttons. Optimised for mobile without mobile-specific code. Multiple sliders on one page. <2K zipped.

Usage: Add native-slider.css and native-slider.js to a jQuery-enabled page and wrap the slides with a “.slider” container.

How it works: The slides are lined up horizontally with “display: inline-block” and prevented from dropping below by “white-space: normal”. The sliding action is native browser scrolling.

 

November 12, 2013  Leave your thoughts

Responsive Slide Navigation with CSS only

Checkbox state detection + media queries + CSS animation – JavaScript = Slide Nav. On desktop it looks like normal horizontal navigation, but on mobile devices it is transformed into a sliding navigation like in the Facebook mobile app.

(more…)

February 10, 2013  Leave your thoughts

WordPress Plugin: Promotions

Transform your ‘Twenty Twelve’ WordPress to a clean promotions site. Add images as a gallery, insert them individually or make a slider by using post category Slider. The gallery now has custom image link.

(more…)

February 3, 2013  Leave your thoughts