New Scripts | JavaScript | Scripts & Programs

This is a relatively stable and clean early version of my webgl pong project. I cover the basics of shader and webgl programming, and matrix math. The vertex and normal data were exported from blender 3D using my export webgl script.

Create easy sprite animations using EaselJS This is merely a code snippet that has a basic setup for sprite animations. It runs with EaselJS v0.8.0+ I mainly created this because I had a hard time going through EaselJS' documentation and it took some trial and error to find the right setup. If you have a DOM app and want to create some fast spritesheets in WebGL, which fall back to Canvas, then this might be of help. EaselJS has everything covered for you, including use of requestAnimationFrame.

Easily create fantastic mobile-ready CSS-based drop down menus for your website. Many elegant menu templates are available, including modern flat and classic glossy styles. Menus created with Easy CSS Menu Maker are very quick, compact and compatible with both modern and popular, but old web browsers. The menus created with Easy CSS Menu will also work on mobile and touch devices. What is more, they are search engine and SEO friendly.

A basic HTML5 Snake game.

Nowadays there is not a well supported way to create piecerced layers, there is no way to create a DIV element with an hole inside, maybe a visual hole but not a real hole through which interacting with underlaying elements. We could use the HTML5 canvas element, we can use static png image files but we will encounter problems with old browser and it will be always impossible to mantain interactivity with the elements under the pierced layers and we will probably face rendering errors and screen sizes incompatibilities. With Holesjs you will have an easy to implement method to highlight elements in your pages without worrying about browsers compatybility while allowing your visitors to intercat with those nicely highlighted elements.

The Effect Maker allows you to customize JavaScript effects like scrollers, slide shows and messengers with your own texts, fonts and images. No JavaScript development skills are needed. With a few clicks you can start creating your own effects. You can have several customizations of one type of effect in your site. All standard web fonts are supported.

AlphaMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus. Features Included: Responsive design. Supports multiple instances. Horizontal (top, bottom) or Vertical (left, right) menu layouts. Mega / Flyout submenus. Pure CSS3 animations (fade, slide). 3 ways of dropdown (hover, click, toggle). 7 color skins which can be changed easily. Custom mega dropdowns, forms, search bar, social icons or HTML. 12 columns fluid grid. You can add images, maps or videos. Over 430 Font Awesome Icons. Compatible with mobile devices. Help file is included.

Focus on building effective Xpath expressions instead of wasting time on browser compatibility issues.

SoftEcartJS is a perfect solution for medium and small shops, designed to be small, fast, powerful, yet easy to install for even the most novice web designer. Within minutes of installing the cart, you can be selling your products online. All you need to get started is an active PayPal account, the rest applications will do for you.

Happy Birthday Script to wish your loved ones with flower falling effect using jquery script.

Cover flow effect is made fully with CSS3 transformation, which transforms from one image to the next image.Smooth movement of images using CSS3 Transitions. Css3 gives a cover flow effect with n number of images.

Vertical Carousel is a jQuery plugin that scrolls content in the Vertical direction. It is ideal for use in your sidebar to provide sleek transitions between panels of content. Vertical Carousel utilises hardware acceleration to ensure the smoothest of transitions, it comes with a number of options to allow for customisation and the carousel to be tailored to specific needs of your website. Vertical Carousel is responsive and supported in all major browsers and has been designed to allow for numerous carousels on the same page.

This script lets you view an "after" version of any image as an overlay of the original one in dramatic fashion. A "draggable" handlebar lets the user adjust the ratio of the two images to view simultaneously. It supports the ability to update the set of images shown on demand, plus change the main container dimensions.

Completely crossbrowser javascript and html. Does not use jquery Customize style with css Horizontal or vertical slider Options to have knob, slider, and/or buffer HTML5 is not required. Works with HTML4 Uses mouse events (Chrome, IE, Safari, Firefox, Opera) Uses touch events (iOS, iPhone, Android)

Find on this page function for IE, Chrome, Opera, Android, iPhone, Netscape, Firefox and Safari. Can search forwards and backwards on the page. Jumps to and highlights the found search term. The pop-up is a DIV instead of an actual window so that unintelligent pop-up blockers will not block it. The pop-up DIV always stays in view even if the page scrolls. Added mouse functions to be able to move the DIV around the screen with the mouse. Added keyboard functions so the user can press ENTER to search for the next occurrence of the word or term.

The CryptoJS URL (https://code.google.com/p/crypto-js/) contains a collection of secure cryptographic algorithms written in Javascript. encode, pass in the control var ckey = $("#cryptonkey").val(); var y=document.getElementById(control).value; var encrypted = CryptoJS.AES.encrypt(y, ckey); document.getElementById("crypton").value=encrypted; decode, pass in the control var ckey = $("#cryptonkey").val(); var y=document.getElementById(control).value; var decrypted = CryptoJS.AES.decrypt(y, ckey); decrypted = decrypted.toString(CryptoJS.enc.Utf8); document.getElementById("cryptoff").value=decrypted; If you receive a secret message and know the secret key, you can enter the secret key and place your secret message into the "crypt-on" box. The secret message will be visible to you in the "crypt-off" box.

Demonstration of a simple jQuery/JavaScript image gallery with fewer than 20 lines of code: http://www.oproot.com/if/jquery-photo.html Source code: $('#thumbs img').click(function(){ $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large')); $('#description').html($(this).attr('alt')); }); $('#thumbs').delegate('img','click', function(){ $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large')); $('#description').html($(this).attr('alt')); });

Features: Jquery script that creates a math addition game out of unordered numbers. This is a simple playable version for adding the numbers fastly. Can be used to check the concentration power of human. This Jquery game works in all modern browsers.

Froala Editor is one of the best text editor out there. It is built using the latest technologies and taking the great advantages of HTML5 to improve your website editing experience. It is one of the few rich text editors around with Retina Ready design which makes it a really cute editor. Website editing has never been easier. You can edit the web page content without having to learn HTML, Wiki or any other markup languages. Simply edit everything just like you do with a document. Still, there may be some that prefer writing HTML code. That's why Froala WYSIWYG text editor allows its users to also see and edit the source code, writing their own javascript and HTML code. With Froala what you see is actually what you get. It is the first text editor with full support for mobile devices. Drag and drop images to upload them and change their position and then you can resize them even on tablets and smartphones.

With this fully customizable script, you can make a nice looking widget to offer your visitors hours of listening pleasure for free.