Tag Archives : javascript

Advertise here with BSA jQuery Verbose Calendar is a plugin for creating a calendar that displays the whole months and days of a year at the same time. Once loaded, it auto-scrolls to "today" and displays the day names when hovered to any date in a tooltip. The calendar can be inserted into any HTML element with a single [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA jQuery Knob is a lightweight jQuery plugin for creating good-looking circular switches (like the "volume controls" in radios). It works by transforming any given input fields according to the values defined in its attributes and can be drag 'n' dropped to change the value. We can define the min-max values, default value on initial load, [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA Ian Hansson, a designer/developer from London, has created a fully-functional responsive slider with CSS3 without any JavaScript. It is similar to JavaScript sliders; works by floating all of the content areas (articles) next to each other and hides the overflow. After that, animating the margin of the inner <div> gives us the next item. There [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA There are several code syntax highlighters and most of them handle the job well. For a very lightweight solution, Rainbow is a fresh one which is only 1.4kb and can be extended with ease. It is only needed to use the JS module for the language to be highlighted for keeping things small. Also, the [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA Sigma.js is an open-source JavaScript library with a small footprint for drawing graphs using HTML5 canvas. It is built for to consuming static or dynamic but interactive network maps with unlimited nodes on a web page. The library is standalone, can be extended with plugins (GEFX parser and ForceAtlas2 layout algorithm are included as plugins) [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA Hammer.js is a JavaScript library for adding touch gestures support to any website so that users can interact with them easier on touch devices. It requires jQuery, only 2kb sized and supports tap, double tap, hold, drag and transform. The library is implemented pretty easily: just bind Hammer.js to a container HTML element every touch [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA Smoke.js is a tiny JavaScript library that works as a replacement for the default alert function and offers more user-friendly notifications. It works by simply adding "smoke." in front of the native alert, confirm and prompt functions but they are now displayed inline. Notifications can be themed with CSS, they use CSS3 animations + backgrounds [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA Few days ago, String.js (a library for enhancing JavaScript's string functions) was shared. XDate is another library similar to String.js but for parsing, formatting and manipulating dates. The library is standalone, only 2.9kb gzipped, has chaining support and brings very handy methods like: getting date values adding-subtracting dates calculating differences getting outputs in multiple formats [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA It is surprising to experience that JavaScript lacks of functions which are regularly required in most scenarios. Think of "looping a string", "if a variable includes given characters" or "capitalizing letters". Unless you use a JavaScript framework, these will require having custom functions (JS frameworks lack some of such functions as well which makes sense [...] Read the rest of the article on : WebResourcesDepot

Advertise here with BSA Favicons are great for helping readers to easily identify a website from a set of open browser tabs. Tinycon is a JavaScript library that helps us offer more information using favicons by adding alert bubbles over the default image and updating it. It uses HTML5 canvas to accomplish that and, for the browsers that don't [...] Read the rest of the article on : WebResourcesDepot