796 shaares
64 results
tagged
jQuery
Parallax scrolling : responsive framework
Hi! I'm Jalxob and this is the BETA version of Cool Kitten. This is my first framework so if you see any issue please let me know it.
Hi! I'm Jalxob and this is the BETA version of Cool Kitten. This is my first framework so if you see any issue please let me know it.
iLightBox : Sleek, intuitive, powerful, and revolutionary jQuery lightbox plugin for creative and ambitious web designers and developers.
Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.
dropzone.js is an open source library that provides drag'n'drop file uploads with image previews
The jQuery team have made the tough, but inevitable decision to stop supporting IE8 and below as of jQuery v2.0, while maintaining v1.9 as the backwards compatible version for the forseeable future.
In the world of modern, evergreen and mobile browsers, this was a necessary move to ensure jQuery stays relevant. Of course, this split leaves plugin authors with a bit more responsibility.
Where previously we could simply require the most recent version of jQuery, we are now likely to want to support both 1.9.x and 2.x, allowing our plugins to work everywhere from IE6 to the most bleeding edge browsers.
To facilitate this, we’ll run through the creation of a plugin using the popular JavaScript build tool, Grunt. We’ll then configure our unit tests to run automatically across multiple versions of jQuery.
In the world of modern, evergreen and mobile browsers, this was a necessary move to ensure jQuery stays relevant. Of course, this split leaves plugin authors with a bit more responsibility.
Where previously we could simply require the most recent version of jQuery, we are now likely to want to support both 1.9.x and 2.x, allowing our plugins to work everywhere from IE6 to the most bleeding edge browsers.
To facilitate this, we’ll run through the creation of a plugin using the popular JavaScript build tool, Grunt. We’ll then configure our unit tests to run automatically across multiple versions of jQuery.
I am proud to announce the Alpha release of SpreadJS: the fastest and easiest way to deploy powerful spreadsheets in your web applications!
SpreadJS is a new product derived from the Spread Product Family, which is a set of spreadsheet components for application development on a variety of platforms. SpreadJS is sure to bring value to your web applications with time-saving features.
Based on HTML5, jQuery, and CSS3, SpreadJS brings all the data visualization and calculation features into your web applications. Create calculators, dynamic interactive dashboards, rich colorful reports, and much more! The rich JavaScript API for SpreadJS provides a complete object model for the spreadsheet document, and a rich set of user interface events which your application can handle to customize the user experience. SpreadJS is designed to provide an Excel-like user interface for spreadsheet navigation, editing, formula calculation, column/row resizing, range drag-drop and drag-fill, and other powerful spreadsheet UI elements such as table sorting and filtering.
SpreadJS is a new product derived from the Spread Product Family, which is a set of spreadsheet components for application development on a variety of platforms. SpreadJS is sure to bring value to your web applications with time-saving features.
Based on HTML5, jQuery, and CSS3, SpreadJS brings all the data visualization and calculation features into your web applications. Create calculators, dynamic interactive dashboards, rich colorful reports, and much more! The rich JavaScript API for SpreadJS provides a complete object model for the spreadsheet document, and a rich set of user interface events which your application can handle to customize the user experience. SpreadJS is designed to provide an Excel-like user interface for spreadsheet navigation, editing, formula calculation, column/row resizing, range drag-drop and drag-fill, and other powerful spreadsheet UI elements such as table sorting and filtering.
jQuery 1.9 was released on January 15, 2013 and marks an important milestone on the road to world domination. The code has been streamlined in readiness for version 2.0 which drops IE6, 7 and 8 support.
jQuery has been adopted by 55% of all websites and 90% of those loading a JavaScript library. It’s important to JavaScript coders and almost anyone creating a modern website or application.
Over at SitePoint.com, I discuss What’s New in jQuery 1.9. There are a few new methods but it’s the removed features which will cause most concern for those using older plugins. The jQuery team have great solution, but is their decision to abandon legacy IE browsers a little premature?
jQuery has been adopted by 55% of all websites and 90% of those loading a JavaScript library. It’s important to JavaScript coders and almost anyone creating a modern website or application.
Over at SitePoint.com, I discuss What’s New in jQuery 1.9. There are a few new methods but it’s the removed features which will cause most concern for those using older plugins. The jQuery team have great solution, but is their decision to abandon legacy IE browsers a little premature?
The varying viewports that our websites encounter on a daily basis continue to demand more from responsive design. Not only must we continue to tackle the issues of content choreography — the art of maintaining order and context throughout the chaotic ebb and flow of the Web browser — but we must also meet the expectations of users. They’re not sitting still.
Tooltips are a square deal. They allow for the placement of important information just in the very location this information is needed, regardless of screen real estate. Tooltipster is a plugin for jQuery aiming at making the process of creating tooltips as easy as possible while providing the biggest functionality available. They conform to HTML5 and can be styled to your own liking using CSS.
Whether you are a novice front end designer or an experienced web developer, every one of us has faced a situation where we write hundred lines of code and nothing seems to run as expected. If you have experience working in JavaScript and jQuery, then you might understand how troublesome it is to find a simple bug which was left behind unintentionally.
Thus, we turn to pre-coded libraries and plugins. These utilities help us solve some specific problem by simply including them in our programs. They were made to solve some frequently occurring problems for developers. It is always good to have them bookmarked or downloaded in a local folder for future use. This article presents ten of the best JavaScript libraries and jQuery plugins developed to solve some of the most frequently occurring tasks in a website’s interface.
Thus, we turn to pre-coded libraries and plugins. These utilities help us solve some specific problem by simply including them in our programs. They were made to solve some frequently occurring problems for developers. It is always good to have them bookmarked or downloaded in a local folder for future use. This article presents ten of the best JavaScript libraries and jQuery plugins developed to solve some of the most frequently occurring tasks in a website’s interface.
jQuery 1.9 removes or modifies several APIs that behaved inconsistently or inefficiently in the past. The majority of these changes have been foreshadowed by their deprecation in previous versions of jQuery, particularly 1.7 and 1.8.
In making these changes, the team's goal was to fix behavior that makes jQuery inconsistent or hard to use, and in the process improve both file size and overall performance.
This list is deceptively foreboding. Most of these changes address special situations and edge cases, and a few are changes that have been widely requested where jQuery's historical behavior has been problematic. As a first step, the best way to see if your code works is to try it with both jQuery 1.9 and the Migrate Plugin as described below.
For now, this guide serves as an appendix to the standard jQuery API documentation, and those pages may not describe the behavior of version 1.9. Please be patient while we update the documentation for the individual pages at api.jquery.com to reflect the changes in 1.9.
In making these changes, the team's goal was to fix behavior that makes jQuery inconsistent or hard to use, and in the process improve both file size and overall performance.
This list is deceptively foreboding. Most of these changes address special situations and edge cases, and a few are changes that have been widely requested where jQuery's historical behavior has been problematic. As a first step, the best way to see if your code works is to try it with both jQuery 1.9 and the Migrate Plugin as described below.
For now, this guide serves as an appendix to the standard jQuery API documentation, and those pages may not describe the behavior of version 1.9. Please be patient while we update the documentation for the individual pages at api.jquery.com to reflect the changes in 1.9.
In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users of your web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.
Mobile devices represent an increasingly large segment of all Web traffic. This traffic is so substantial, that APIs and design practices have been created specifically to cater to mobile devices. An example of this is the W3C’s Battery Status API, which allows an application to inspect the state of the device’s battery. This article explores the relatively new API, and shows you how to begin incorporating it into your applications today.
Repo.js is a jQuery plugin that lets you easily embed a Github repo onto your site. This is great for other plugin or library authors that want to showcase the contents of a repo on their project pages.
Repo.js uses Markus Ekwall's jQuery Vangogh plugin for styling of file contents. Vangogh, subsequently, utilizes highlight.js, written by Ivan Sagalaev for syntax highlighting.
Repo.js uses Markus Ekwall's jQuery Vangogh plugin for styling of file contents. Vangogh, subsequently, utilizes highlight.js, written by Ivan Sagalaev for syntax highlighting.
GMap3 is the ultimate plugin to create and manage Google Maps to jQuery.
Based on an advanced managment system,
GMap3 allows you to finely manipulate yours markers and others objects, to associate custom data usable in each event.
Discover all its potential et try to find its limits !
Based on an advanced managment system,
GMap3 allows you to finely manipulate yours markers and others objects, to associate custom data usable in each event.
Discover all its potential et try to find its limits !
This is a pretty awesome jQuery video player. It has playlist functionality and lots of callbacks/options for customization.
The original design was created by the very talented kb.
The original design was created by the very talented kb.
A jQuery plugin that helps you serve different content to different devices.
Responsive Content is used to load content that is appropriate to the current device's screen size. It is typically used alongside Responsive Design techniques. Note however that Responsive Design and Responsive Content act on different levels: given a particular screen width, the former applies a particular styling to the same content - whereas the latter actually loads different content. It can be used subtly - for example to cause smaller images to be loaded on smaller devices - or to deliver radically different content to different screen widths or device capabilities.
Responsive Content is used to load content that is appropriate to the current device's screen size. It is typically used alongside Responsive Design techniques. Note however that Responsive Design and Responsive Content act on different levels: given a particular screen width, the former applies a particular styling to the same content - whereas the latter actually loads different content. It can be used subtly - for example to cause smaller images to be loaded on smaller devices - or to deliver radically different content to different screen widths or device capabilities.
Explore and generate some useful and interesting animation effects for HTML lists by Adem Ilter.
Parmi la foultitude d’événements gérés par Javascript, il existe l’événement error. Son utilisation est assez obscure et manque un peu d’intérêt dans bien des cas. A tel point que l’équipe de jQuery a décidé d’en suspendre le support tout en livrant la méthode « en l’état » pour qui veut s’amuser avec.
Cet événement est applicable à l’objet window et image seulement et est déclenché, comme on peut s’en douter, lorsqu’une erreur intervient sur l’un de ces éléments. On laissera rapidement de côté l’objet window pour s’intéresser aux erreurs de l’objet image.
Quelques idées me viennent.
Cet événement est applicable à l’objet window et image seulement et est déclenché, comme on peut s’en douter, lorsqu’une erreur intervient sur l’un de ces éléments. On laissera rapidement de côté l’objet window pour s’intéresser aux erreurs de l’objet image.
Quelques idées me viennent.
Si vous ne le savez pas encore, markItUp! est un plugin pour jQuery qui permet de transformer n’importe quel textarea en éditeur de tags configurable à souhait et ce, de manière totalement non intrusive.
Pour faire suite au premier tutoriel, voici un exemple de configurations un peu plus avancées mettant en scène un élément extérieur qui interagira avec l’éditeur. Ici nous allons utiliser un simple badge Flickr comme une mini-librairie d’images interfacé avec notre éditeur markItUp!.
Pour faire suite au premier tutoriel, voici un exemple de configurations un peu plus avancées mettant en scène un élément extérieur qui interagira avec l’éditeur. Ici nous allons utiliser un simple badge Flickr comme une mini-librairie d’images interfacé avec notre éditeur markItUp!.