Permalink

0

Circular Content Carousel with jQuery by Codrops

Today Codrops want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

Circular Content Carousel with jQuery by Codrops

View Demo  Source website & Download

Permalink

1

Mobiscroll: Wheel Scroller / Date and Time picker jQuery Plugin

Mobiscroll is a wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.

Mobiscroll: Wheel Scroller/Date and Time picker jQuery Plugin

The control is themable. You can easily change the appearance of if in CSS. It also comes with pre-defined, nice looking color schemes. By default the control renders for intuitive and easy usage, but you can also customize it’s parameters (width, height,…).

Source website & Download

Permalink

1

Games in Google+: Fun that Fits your Schedule

Today Google adding games to Google+. With the Google+ project, they want to bring the nuance and richness of real-life sharing to the web. But sharing is about more than just conversations. The experiences we have together are just as important to our relationships. They want to make playing games online just as fun, and just as meaningful, as playing in real life. That means giving you control over when you see games, how you play them and with whom you share your experiences. Games in Google+ are there when you want them and gone when you don’t.

Games in Google+: Fun that Fits your ScheduleGames in Google+: Fun that Fits your Schedule

Source website

Permalink

0

Tutorial: Create a Page Flip Effect with HTML5 Canvas

Web developer and creative programmer Hakim El Hattab shows us a new take on the ‘Flash page flip’ we all love to hate, using HTML5’s canvas and JavaScript. He explains how Fi built 20thingsilearned.com. This tutorial will take you through the process of creating your own page flip effect using the canvas element and plenty of JavaScript. Some of the rudimentary code, such as variable declarations and event listener subscription, has been left out of the snippets in this article, so remember to reference the tutorials files for the complete code.

Tutorial: Create a Page Flip Effect with HTML5 Canvas by .net

View Demo  Source website

Permalink

0

Motofanpages: Create Facebook Fan Pages on the Fly

MotoFanPages is a solution that allows you to make your Facebook page absolutely unique and truly impressive. All you have to do is to take some easy steps, and you are the owner of a complete functional managed website within your Facebook page.

Motofanpages: Create Facebook Fan Pages on the Fly

MotoFanPages is the best choice for everyone starting from a students and up to a serious business owner. So, don’t wait a second and make your Facebook page really impressive and extremely functional for FREE!

Source website

Permalink

0

glDatePicker – A Simple, Customizable, Lightweight Date Picker Calendar jQuery Plugin

glDatePicker is a simple, customizable, lightweight date picker calendar plugin for jQuery weighing in 4KB compressed (11KB uncompressed).

glDatePicker - A Simple, Customizable, Lightweight Date Picker Calendar jQuery Plugin

It includes the following features:

  • forward and backward navigation
  • current date highlight
  • restricting selection of dates outside of a range
  • restricting selection of dates beyond N-days from start date
  • restricting forward / backwards month navigation
  • individual styles per date picker (in case you have multiples on one page)
  • show currently selected date

Source website & Download

Permalink

1

html2canvas – Screenshots with JavaScript

This script allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.

html2canvas - Screenshots with JavaScript

The script renders the current page as a canvas image, by reading the DOM and the different styles applied to the elements. However, as many elements are displayed differently on different browsers and operating systems (such as form elements such as radio buttons or checkboxes) as well as.

Browser compatibility

The script should work fine on the following browsers:

  • Firefox 3.5+
  • Google Chrome
  • Newer versions of Opera
  • >=IE9 (Older versions compatible with the use of flashcanvas)

Source website & Download