LowerCase, Title And Sentence Case Converter Tool
This is a simple online JavaScript tool to easily convert a string to lowercase, uppercase, title, capital, or sentence case, depending on your needs.
This is a simple online JavaScript tool to easily convert a string to lowercase, uppercase, title, capital, or sentence case, depending on your needs.
Search thousands of free JavaScript snippets that you can quickly copy and paste into your web pages. Get free JavaScript tutorials, references, code, menus. This generator allows you to create the Javascript code necessary to put a text clock on your website that can display the current time (and date). The clock keeps updating in real time. Multiple time and date formats to choose from. Select how you want your clock/calendar to look. On other distributions, you can download just the raw launcher files as an archive, extract them somewhere and run them in any way that is convenient (from a terminal, creating a shortcut, etc.). You will need Java, and some dependencies, most of which. Dec 01, 2018 Download Our App. In this post, you will learn how to create a Digital Clock in 24-hour and 12-hour formats using JavaScript. The JavaScript code will have some extra lines in addition to the code created for the previous clock. The code for the digital clock in 24-hour format is shown below. Now we have to add just three more lines.
JK Responsive Gallery v2.0
JK Responsive Gallery is a modern, lightbox style Youtube video and image gallery that works perfectly on any screen size and device, big or small. Click on an image/video thumbnail to see an enlarged version centered on the screen with support for an optional, rich HTML caption beneath it.
JK Responsive Gallery is a modern, lightbox style Youtube video and image gallery that works perfectly on any screen size and device, big or small. Click on an image/video thumbnail to see an enlarged version centered on the screen with support for an optional, rich HTML caption beneath it.
Off canvas side bar menu
Off canvas side bar menu creates a content displacing menu heralded in mobile apps and sites alike. When the user clicks on a menu icon, the page contents shift to the right to reveal a side bar menu. This mobile centric menu works in all modern browsers and platform; in IE8 and IE9, a more limited interface is presented.
Off canvas side bar menu creates a content displacing menu heralded in mobile apps and sites alike. When the user clicks on a menu icon, the page contents shift to the right to reveal a side bar menu. This mobile centric menu works in all modern browsers and platform; in IE8 and IE9, a more limited interface is presented.
3D Cube Slideshow
This image slideshow rotates its images in eye popping 3D fashion, no special glasses required! It uses CSS3 for the effect, and works in IE10+ and all modern versions of Firefox and Chrome, including on mobile, while degrading well with lower versions of IE. Images within the slideshow can be hyperlinked, and the slideshow can be navigated via swipe or back/forward buttons.
This image slideshow rotates its images in eye popping 3D fashion, no special glasses required! It uses CSS3 for the effect, and works in IE10+ and all modern versions of Firefox and Chrome, including on mobile, while degrading well with lower versions of IE. Images within the slideshow can be hyperlinked, and the slideshow can be navigated via swipe or back/forward buttons.
Simple Carousel
Simple Carousel lets you display a long series of images and captions as a horizontal strip that can be dragged left or right to reveal the obscured ones. It's inspired by the carousel that Google uses on its search results when you search for say 'action movies' to showcase movie covers and titles. The contents of the carousel are loaded from an external file on the server via Ajax, and can be reloaded with a different file at any time.
Simple Carousel lets you display a long series of images and captions as a horizontal strip that can be dragged left or right to reveal the obscured ones. It's inspired by the carousel that Google uses on its search results when you search for say 'action movies' to showcase movie covers and titles. The contents of the carousel are loaded from an external file on the server via Ajax, and can be reloaded with a different file at any time.
Blur Image effect
This Blur Image script lets you easily blur an image by varying intensities, either instantly or gradually. It uses the excellent StackBoxBlur library to power the effect, and works in all major browsers that support HTML5`s canvas element.
This Blur Image script lets you easily blur an image by varying intensities, either instantly or gradually. It uses the excellent StackBoxBlur library to power the effect, and works in all major browsers that support HTML5`s canvas element.
Amazon Side Bar Menu
This menu models itself after the side bar menu found on Amazon.com to provide a flexible, content-rich fold out menu. It supports infinite number of sub menus. In addition, the menu is responsive in smaller screen and mobile devices, by stacking the sub levels when revealed on top of its parent to conserve space.
This menu models itself after the side bar menu found on Amazon.com to provide a flexible, content-rich fold out menu. It supports infinite number of sub menus. In addition, the menu is responsive in smaller screen and mobile devices, by stacking the sub levels when revealed on top of its parent to conserve space.
Javascript World Clock
Falling Text Rotator
This jQuery script adds a twist to the regular text rotator, by randomly dropping the letters of each piece of content out of view before showing the next. It works great on short headlines.
This jQuery script adds a twist to the regular text rotator, by randomly dropping the letters of each piece of content out of view before showing the next. It works great on short headlines.
Animated UL lists
This jQuery script adds flare to your UL lists, by animating the items into view, one item at a time. You can get each item to slide in from the left, drop in, or even spin before making their way to their destination. It harnesses the power of CSS3 transitions to do its bidding, by animating any defined CSS properties before and after values.
This jQuery script adds flare to your UL lists, by animating the items into view, one item at a time. You can get each item to slide in from the left, drop in, or even spin before making their way to their destination. It harnesses the power of CSS3 transitions to do its bidding, by animating any defined CSS properties before and after values.
Thumbnail Slider
Thumbnail Slider lets you specify a list of images to showcase then automatically creates a two column interface with thumbnails of the images on the right and the enlarged image on the left to view on demand. Move the mouse over a thumbnail to view the larger version.
Thumbnail Slider lets you specify a list of images to showcase then automatically creates a two column interface with thumbnails of the images on the right and the enlarged image on the left to view on demand. Move the mouse over a thumbnail to view the larger version.
Javascript Analog Clock with lots of nice looking features. This draws on the canvas element and is CSS free.
Live Demo Here : http://gtsparkplugs.com/JSClock.htmlThis was a project I started a while back. Saw a nice simple HTML5 Analog Clock and decided to make it nicer.This uses NO CSS, draws on the HTML5 Canvas element and support a bunch of options.
The analogclock.html is a simple demo page that loads analogclock.js
Download Free Javascript Software
The idea was to support multiple clocks on a page.
Some open issues are general code clean/refactor. Options and presets are clunky but I don't know enough about JS to do it right.
Enjoy and please follow my licensing to the letter (see source).
If you have and ideas or fixes send me a message, happy to fix and enhance.