Sunday, July 21, 2013

Influx - Ajax / HTML5 Business Portfolio Template

Influx - Ajax / HTML5 Business Portfolio Template - Creative Site Templates



Note: Make sure to check out all 3 skins in the live demo as each skin features a different theme, layout and feature set.

Template Update

  • Jan 12 2012 – Safari Bug Fix in Top Nav.
  • Dec 01 2011 – Center Alignment Option Added.


The pixelentity team is once again proud to bring you the “Influx” template. Influx is an elegant modern and speedy Ajax template designed with business and creative people in mind. Among other things, Influx sports an innovative full page side-to-side scrolling navigation, which will make your visitor’s user experience remarkable. With over 8000 lines of custom written javascript and a slew of cutting edge features, the Influx template is bursting with potential for your new project. Read on for the juicy details.



At the Influx template’s core is a custom Javascript scroller component featuring on demand slide loading, runtime resizing, single slide jumping and the whole component is cross browser compatible even taking advantage of hardware acceleration on Apple’s iDevices.

Influx will keep you abreast with the latest technologies as it makes extensive use of HTML5 features such as the Videos/Canvas element, History and Storage, as well as catering for the past by nicely degrading via built-in fallbacks for older browsers (IE7+). Influx uses CSS sprites, deferred script loading, heavy compression and a host of other advanced techniques to make the site load extremely fast. As a result all Influx pages score 98/100 or higher on Google page load speed test.

From a technical point of view Influx employs unobtrusive background loading to fetch new page content so the user never experiences a full page reload, all code and styles are only parsed once, upon entering the site, which dramatically reduces browser rendering times and server requests. All of this results in very snappy page navigation when compared to traditional websites.

The Influx template has been developed with SEO in mind. Despite being Ajaxified to the max, Influx is fully optimized to keep Google happy.

Note: Make sure to check out all 3 skins in the live demo as each skin features a different theme, layout and feature set.

Featuring:



Video support
  • Lightbox and Inline playback
  • Youtube / Vimeo using respective iframe APIs
  • Vid.ly and Local videos via local video player using native browser support and flash fallback
  • iDevices compatible
Ajax
  • Background loading for pages and top slider
  • HTML5 History support for deeplinking, bookmarks and browser back button
Slider
  • HTML5 Canvas visual effect
  • Lazy loading
  • Fallbacks to a simple cross fade effect for old browsers lacking canvas support (IE7,8)
Scroller Component
  • On demand pages/content background loading
  • Hardware accelerated on iDevices
  • One slide jump regardless the position or direction
  • Queue loader for custom jquery plugin
Widgets
  • Twitter/Flickr with client cached result (HTML5 Storage)
  • Contact form with inline validation and Ajax background submit
Homepage Grid
  • Keyword based filtering
  • Animated Jpeg video preview & converter
  • 4 way thumb scrolling
Skins
  • Light, Dark & Influx skins (See live demo)
  • Marching custom skins for lightbox plugin and HTML5 video player.
Browser Support
  • iOS4+ (tested on iPhone & iPad)
  • All modern Browsers
  • IE 7 & 8
Support
  • Comprehensive browser based documentation
  • Reliable Support provided through our own Support forums


Credits:

Design & Development of Influx by Pixelentity. http://pixelentity.com

Disclaimer:

All content featured in the template preview is not owned or produced by pixelentity and are used for demonstration purposes only. None of this content content is included in the download package or otherwise distributed in any way. If you have any questions or comments about any item of content used in this template demonstration, please contact us.


More Of Our Work









No comments:

Post a Comment