This is Twenty, a minimal, multi-page responsive site template for HTML5 UP.
As the name implies, this is my twentieth (!) design for HTML5 UP. Since the last few have been single page affairs, I decided to go with something a bit more conventional and threw in four extra page layouts. Beyond that, it's the usual drill: fully responsive, built on HTML5/CSS3/skel, and CCA licensed like all my other stuff.
And ... that's about it. Download yourself a free copy over at html5up.net/twenty
(special thanks to Michael Domaradzki for allowing me to use his excellent photos in Twenty's demo)
This is Big Picture, a simple, single page responsive site template for HTML5 UP.
So I've been on a single page kick as of late, partly because I'm lazy, but mostly because they kick ass for experimentation. In this case, Big Picture makes heavy use of my (tentatively named and soon to be released) scrollgress and scrollwatch jQuery plugins to pull off some interesting effects as you scroll around the page. In addition to said interesting effects, Big Picture also includes a nice lightbox-style gallery, styling for basic page elements, a handy centralized settings area, and thoroughly commented code for your editing pleasure (with instructions! -- see the included README.txt file).
This is Tessellate, a new responsive site template freebie for HTML5 UP. Semi-interestingly, this design actually began life as little more than a quick test of my new setup (rMBP + Photoshop CS6), but I suppose the infusion of shiny new tools inspired me to turn it into a full-fledged template (and simultaneously try out a few ideas I had kicking around).
Demo images courtesy of the photographic genius herself, Felicia Simion.
This is Overflow, a new responsive site template for HTML5 UP. If it looks familiar, it's because I actually designed it a few months ago but only got around to coding it recently (it's been busy, yo). Anyhow, it includes some new stuff I've been experimenting with (like a cool parallax background) as well as a pop-up gallery and styling for all your basic page elements.
Demo images courtesy of the living legend herself, Felicia Simion.
A few days ago I needed to add touch gestures (like tap and swipe) to some nameless thing I'm currently working on, but I didn't want to use an existing library (for a few reasons, including "just because"). So, I took an afternoon and whipped up jquery.touch, a handy little plugin that adds a bunch of touch gesture events to jQuery.Usage is simple: load the plugin, call
enableTouchon your selector, then bind to the new events in the manner to which you're accustomed. Supported gesture events as of this initial release:
Tested on Android, iOS, all the desktop browsers that matter, and IE7/8. Requires jQuery 1.7.x or higher. Download the minified version and/or view the unminified source over at GitHub.
This is Prologue, a brand new responsive site template freebie for HTML5 UP. It combines two new jQuery plugins I'm working on (a navigation-linked scrolling plugin and a smooth scroll plugin) into a simple, single page portfolio-style design with a handy "sticky" sidebar. Turned out well, and both plugins certainly benefited from real usage (so expect to see those soon).
Demo images courtesy of the mighty talented Felicia Simion.
This is Helios, a brand new responsive site template freebie for HTML5 UP. As with the last freebie I released, this one also forgoes the traditional desktop-tablet-mobile breakpoint trifecta and instead uses several to a) work well on a wider range of mobile/tablet displays, and b) take advantage of bigger desktop displays (like my shiny new VP2770's :). It also includes a full screen header/banner, a scrolling "carousel" widget, and all the usual features you'd expect (extra page layouts, drop down menus, etc).
PS: Demo images are courtesy of the very talented Michael Domaradzki.