Archive for 2014

    Sandywatch : Responsive HTML5 Countdown Canvas

    Sandywatch : Responsive HTML5 Countdown Canvas

    Sandywatch is a fully responsive, creative, clean and mobile friendly coming soon / under construction innovative canvas animation. Sandywatch comes with three distinct themes and provides a nice admin interface for handling email subscriptions.

    Features:

    • Unique HTML5 Canvas Sandywatch animation
    • Three distinct themes
    • Retina Ready
    • Optimized for mobile
    • Responsive and mobile friendly design
    • Custom countdown plugin
    • Simple to setup from the get go
    • AJAX email subscription with validation and support for
      • Various sql databases (SQLite, MySQL, PostgreSQL, SQLSRV)
      • Export to CSV files
      • Mailchimp Seamless Integration
    • Valid HTML5/CSS3
    • Gracefully degrades in older browsers
    • Responsive admin interface with subscriptions statistics

    EsKju jQuery lazyLoading Plugin

    EsKju jQuery lazyLoading Plugin

    EsKju’s LazyLoading is a tool for loading content just in time in a Facebook-similar style. It was built using the jQuery library.

    Features:

    • Supersedes dowdy paginations
    • Customizable trough settings and CSS
    • Highly compatible
    • Uses CSS3 transitions by default

    jQuery FancyIndex Plugin

    jQuery FancyIndex Plugin

    Nowadays almost every “fresh” page looks the (s)hame: One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this. It was built using the jQuery library.

    Features:

    • Using the directory-function upgrades the user’s experience
    • Customizable trough settings and CSS
    • Highly compatible
    • Highly customizable
    • Uses CSS3 transitions by default

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs is a JavaScript solution to display media in a stylish mobile-ready overlay fashion. It also lets you ingest content from today’s most popular media platform: Youtube, Instagram, Vimeo, Flickr, Dailymotion.

    Magneticmediajs is built with a JavaScript class model for easier work of extension, jQuery for DOM manipulation and Less CSS3 with progressive enhancement. It supports various touch events, including swipes between media items, and scales well from mobile devices (iOS, Android …) to large computer screens. Plus it has some super cool design effects for images including a magnifying glass and 8 filters (sepia, grayscale, saturate …).

    CSS3 Sliding Header Layout

    CSS3 Sliding Header Layout

    Today we’d like to show you how to create a simple grid layout with a special header effect. The idea is to initially show a fullscreen image with a title and a toggle button that allows to change the view to a grid. The header with the fullscreen image animates upwards and reveals a grid of image anchors with a title. We’ll be using some techniques like Flexbox and CSS Transitions for modern browsers.

    Webcam Shoot – Social webcam snapshoot

    Webcam Shoot - Social webcam snapshoot

    Webcam Shoot is a script fun and unique. It allows various uses that you can offer your users, makes it possible, taking pictures from your webcam on your computer.

    You can create a site to collect Selfie, the smiles, the most beautiful and lovely, their animals, and much more. With the ability to click like on facebook.

    fakeLoader.js : jQuery Animated Preloading Spinner Plugin

    fakeLoader.js : jQuery Animated Spinner Plugin

    fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

    jQuery Drag & Drop Shopping Cart

    jQuery Drag & Drop Shopping Cart

    A webpage was created using XHTML Strict and CSS to house the implementation of a hand-coded jQuery shopping cart, without the use of plugins. The implementation of this jQuery cart features drag and drop functionality, updating the cart to reflect the items added to it and also updating the quanities without duplicating the item within the cart.