15 Awesome Plugins for Creating Sticky Elements
It is now common to use some fixed elements on a site when you scroll up or down. This allows for the element to be readily available regardless of the user’s position. They are called sticky element, an effect that can be achieved just by using CSS, however, using this method, the effect…
Category : Javascript 04-03-2017 by Janeth Kent
The Speech Synthesis API: an introduction
Today we’re going to focus on the Speech Synthesis API, which uses system libraries to speak, making the Web considerably more accessible. NOTE: We have to consider that the API is fairly new, so not widely supported. The Speech Synthesis API is supported in Chrome 33+ and Safari. At the time…
Category : Javascript 05-02-2014 by Janeth Kent
How to Create Custom Filters in jQuery
If you are a web designer or a developer you frequently need a shortcut to collect elements for jQuery. In this post, based on the book Instant jQuery Selectors, you’ll learn how to build a custom filter in jQuery. So, we try to built a filter that ia able to print the length of…
Category : Javascript 17-12-2013 by Janeth Kent
Isomorphic JavaScript: a new paradigm
Spike Brehm, in a article written for http://venturebeat.com, explains that at Airbnb, they have learned a lot over the past few years while building rich web experiences by dividing into the single-page app world in 2011 with their mobile web site, launching Wish Lists and their newly-redesigned search page. Each of these is a…
Category : Javascript 27-11-2013 by Janeth Kent
50 Most Useful jQuery Plugins of the year #3
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Javascript 05-11-2013 by Janeth Kent
50 Most Useful jQuery Plugins of the year #2
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Javascript 05-11-2013 by Janeth Kent
Build a realtime jQuery plugin
Realtime web technologies make it really easy to add live content to previously static web pages. Live content can bring a page alive, retain users and remove the need for them to refresh the page periodically. Realtime updates are generally achieved by connecting to a source of data, subscribing to the…
Category : Javascript 27-08-2013 by Janeth Kent
50 Most Useful jQuery Plugins of the year #1
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Javascript 23-08-2013 by Janeth Kent
How to Parse URLs with JavaScript: the The Easiest Way
Our favorite JavaScript trick is a technique for parsing URLs into parts (host, path, query string etc) that doesn’t require any libraries or advanced regular expressions. It uses only the power of the DOM, and the anchor element . Let us demonstrate: JS $(function(){ // The URL we want to parse var url = 'http://www.ma-no.org/en/content/index_top-12-free-javascript-resources-for-advanced-users-nbsp_1875.php?key=value#comments'; …
Category : Javascript 20-08-2013 by Janeth Kent
Dynamically load jquery if not present
With this code you can retrieve if jquery is set in your script, if jquery is not set then the script load it dinamically and set it. (function () { var jQuery; if (window.jQuery === undefined || window.jQuery.fn.jquery !== '1.4.2') { var script_tag = document.createElement('script'); script_tag.setAttribute("type", "text/javascript"); script_tag.setAttribute("src", pathWidget + "/scripts/jquery-1.7.min.js"); if (script_tag.readyState) { script_tag.onreadystatechange = function ()…
Category : Javascript 12-08-2013 by Janeth Kent
29 Awesome jQuery Responsive Navigation Menus
In this post we will show 29 beautiful and awesomel jQuery responsive navigation menus. All the menus are compatible with all modern browsers and mobile devices and are suitable for web projects, HTML5 & CSS3 website templates, landing pages, business and portfolio websites. So please follow our jQuery tag for more stuff about Jquery…
Category : Javascript 09-08-2013 by Janeth Kent
13 jQuery Plugins and Tutorials for e-commerce website
E-Commerce websites are making shopping easy for customers. The number of ecommerce websites are growing with every day. Shopping Cart is the most important aspect of an E-Commerce website. We all know that jQuery plugins helps us to add difficult things to our websites very easily. Below you’ll find 13 jQuery shopping cart plugin and…
Category : Javascript 02-08-2013 by Janeth Kent
How to detect Mobile & Retina Devices: 8 Techniques
In order to serve mobile-optimized content, you need to detect which visitors are coming from mobile devices and which aren’t. Here we have list 8 method to detect mobile browsers so you can chose the best suitable to your needs, and give your user the best experience possible. #1 PHP User Agent We…
Category : Javascript 02-07-2013 by Janeth Kent
10 jQuery Custom Browser Scrollbar Plugins
Custom jQuery scrollbars are really important for creating original and beautiful web applications and websites. jQuery scrollbar plugins and scripts can help you easily add some amazing custom scrollbars to your website. Today, we suggest you 10 useful custom jQuery browser scrollbar plugins. 1. SLY Sly is a JavaScript library for advanced one-directional…
Category : Javascript 26-06-2013 by Janeth Kent
11 useful jQuery Sliding Sidebar Panel Plugins
Today we have listed 11 jQuery Sliding Sidebar Panel Plugins. Sliding panels are important in today's world of company showcasing of your website contents. These post would be very useful to developers who want to find an efficient slide panel plugin. Enjoy! 1. mb.jquery SOURCEDEMO 2. PageSlide SOURCE + DEMO 3. Slidepanel SOURCE + DEMO 4. OpenPanel SOURCE…
Category : Javascript 25-06-2013 by Janeth Kent
Tutorials, Videos, Free Books, and More Resources for Learning jQuery
Maybe you’re a jQuery pro. Maybe you’re John Resig... But, in the other hand, maybe you read words like “jQuery”, and think: “jQuery What?” . If you belong to this category of person, now is the time to learn jQuery. According to jQuery.com, jQuery is a fast, concise, JavaScript library that simplifies…
Category : Javascript 19-06-2013 by Janeth Kent
How to create a jQuery plugin for Pinterest
With all of the interest in Pinterest , we thought it would be a good idea to do a simple Pinterest sharing plugin for jQuery. Let's start! First we need to downloas the jQuery plugin boilerplate (function( $ ) { $.fn.pinterest = function(options) { var settings = $.extend( { }, options); return this.each(function() { }); }; })( jQuery ); Boilerplate provides us…
Category : Javascript 28-05-2013 by Janeth Kent
30 Plugins and Scripts for Dynamic Websites
Open source code provides a means where developers can quickly build new projects without structuring every feature from the beginning. I specifically follow a lot of jQuery plugins which are built off the ever-popular jQuery library. Since the library is open source, many of the plugins are also released for…
Category : Javascript 25-04-2013 by Janeth Kent
How to Use Google AdSense Ads on your Responsive Website
Responsive web design is a simple technique that makes your website look good across all screen sizes – be it the mobile phone, tablets, desktop computer or even the large-screen TV. Google has also officially recommended that website owners use the responsive design approach instead of maintaining separate mobile and desktop website…
Category : Javascript 23-04-2013 by Janeth Kent
What’s New in jQuery 2.0
The second branch of the web’s most popular JavaScript library was released on April 18, 2013. jQuery 2.0 is now available for download but don’t rush off and install it just yet — there is one major change… No More Support for IE6/7/8 (or IE9 and IE10 if they’re used in “Compatibility View” mode). I…
Category : Javascript 21-04-2013 by Janeth Kent
15 jQuery Plugins for Twitter Lovers
JQuery is free software that is based on JavaScript. This scripting language helps in simplifying the computer programs that are needed for the proper functioning on the different browsers. jQuery is primarily useful for creating attractive animations in the website with precision, for increasing the interactivity of the platform and…
Category : Javascript 15-04-2013 by Janeth Kent
Jquery:Build mega-menu with Jquery-Menu-Aim
jQuery-menu-aim menu-aim is a jQuery plugin for dropdown menus that can differentiate between a user trying hover over a dropdown item vs trying to navigate into a submenu's contents. menu-aim assumes that you are using a menu with submenus that expand to the menu's right. It will fire events when the user's…
Category : Javascript 11-04-2013 by Janeth Kent
50 Useful jQuery Plugins
We have compiled a list of 50 awesome plugins: we have split all of the plugins into the following categories: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins, and finally, everything else in-between. Web Page Layout Plugins equalize.js equalize.js is…
Category : Javascript 11-04-2013 by Janeth Kent
7 JavaScript Libraries for Dashboards
Dashboard is a visual indicator of an objective or a business process. It is an invaluable tool for cutting through data clutter and getting down to the essentials. It helps you to evaluate information and allow to make the correct decision in a timely manner. Live visual dashboards consist of…
Category : Javascript 11-04-2013 by Janeth Kent