Widgetkit Lite Slideshow

  • slider3a
  • slider1a
  • slider2a

Check out the Responsive Features!

If you happen to be unfamilar with the way responsive web design works, to get an idea just resize your browser window and notice how everything scales down if you're making your screen smaller, and scales up when making your screen larger. Both the warp framework and widgetkit lite are now responsive, so you should also notice the widgets scaling up and down as well. Pretty cool huh? This relatively new web design technology dramatically improves the look of the design across the vast majority of mobile phones, tablets, laptops, and desktops, regardless of their screen resolutions.

Template Features

  • Powered by the Warp Theme Framework
  • Responsive framework for better mobile support
  • Horizontal mega menus
  • Vertical accordion menus
  • Built-in javascript/CSS compression for increased performance
  • Bulit-in Gzip capabilities for additional performance increase
  • Easily adjust column widths and other settings from the template admin panel
  • Easily insert Google+, Twitter, and Facebook icons into articles from the admin panel
  • Easily adjust settings and save custom preset profiles
  • 15 default collapsible module positions - up to 6 modules per position
  • Adjustable module layouts (equal, double, and stack)
  • Utilizes latest web technologies (HTML5, CSS3, and PHP5.2+)

Module Positions 

themes warp layout positions 

Module Layouts

themes warp layout options 01

Sidebar Layouts

themes warp layout options 03

Tutorials

Please visit themekat.com for installation and configuration tutorials.

Framework Documentation

For complete documentation on the Warp Theme Framework, visit YOOtheme's Warp documentation

Feed Display

Smashing Magazine Feed

For Professional Web Designers and Developers
  • Beyond The Button: Embracing The Gesture-Driven Interface

       As a mobile UI or UX designer, you probably remember the launch of Apple’s first iPhone as if it was yesterday. Among other things, it introduced a completely touchscreen-centered interaction to a individual’s most private and personal device. It was a game-changer. Today, kids grow up with touchscreen experiences like it’s...

  • Building The New Financial Times Web App (A Case Study)

       When the mockups for the new Financial Times application hit our desks in mid-2012, we knew we had a real challenge on our hands. Many of us on the team (including me) swore that parts of interface would not be possible in HTML5. Given the product team’s passion for the...

Quick Tip

If you'd like to make the images you add to your articles responsive, so that they scale up/down with the rest of the template, just add the class "size-auto" to them. For example:

<img class="size-auto" src="/images/myimage.jpg" alt="my image" />

Note: This is not necessary for images you insert into your slideshow, or other widgets using the responsive widgetkit.

Menu Module

Custom HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis turpis, semper in tempus ac, interdum ac felis. Integer quis ante metus. Sed ullamcorper mauris sit amet sem venenatis eget dapibus mauris dictum.

Newsflash

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis turpis, semper in tempus ac, interdum ac felis. Integer quis ante metus. Sed ullamcorper mauris sit amet sem venenatis eget dapibus mauris dictum.

Read More

Custom HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis turpis, semper in tempus ac, interdum ac felis. Integer quis ante metus. Sed ullamcorper mauris sit amet sem venenatis eget dapibus mauris dictum.