jQuery / js
Get flash to fully experience Pearltrees
jQuery Version and Plugin Usage Report | BuiltWith Blog
BuiltWith.com downloaded the top million sites to determine the version usage of jQuery and jQuery plugins. The report details the most popular jQuery versions and plugins in use on the web today. Introduction jQuery is the most popular javascript library in use on the web today. Its growth has increased on a monthly basis since 2008 based on our tracking. Today, jQuery is in use on more than 50% of the top 10,000 sites on the Internet and on 30% of the top million 1 .
Vegas est un plugin jQuery qui permet de mettre en place un système de background « fullscreen » pouvant faire office de slideshow. Facile à mettre en place, ce plugin génère des arrières-plans dynamiques et étirables, quelle que soit la résolution d’écran. Un background dynamique Conçu par Jay Salvat , développeur français reconnu pour ses travaux JS de qualité (en autres Buzz et markItUp! ), Vegas s’intègre rapidement sur n’importe quel webdesign.
Vegas, un slideshow / background fullscreen avec jQuery
How to Create a Responsive Image Slider in jQuery and CSS3
Topic: jQuery (flexslider) / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins Today we will code a responsive image slider from the Impressionist UI . We will code it using the FlexSlider plugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects. Lets get started!
( function () { var matchMediaSupported = document . querySelector ( "#matchmedia-supported" ), width600 = document . querySelector ( "#width-600" ), height500 = document . querySelector ( "#height-500" ), portraitOrientation = document . querySelector ( "#portrait-orientation" ),
Using window.matchMedia to do media queries in JavaScript
Cette semaine, les journalistes de données d' Owni vous parlent de couteau suisse, de police utile, d'entrecôte-béarnaise-frites, de législatives et du côté obscur des données. Mais surtout, surtout... Ils vont vous faire chanter ! Après la faille temporelle de la semaine dernière pour cause de nouveau gouvernement à visualiser , ouvrons ce nouveau numéro des data en forme en mode “boîte à outil”. Nos collègues helvètes de datavisualisation.ch ont eu la bonne idée de mettre en ligne le seul, l’unique, le véritable couteau suisse du datajournaliste.
Les data en forme
Guggenheim.js
Here is a demo for the Guggenheim.js gallery plugin. Use the controls at the bottom to manipulate the gallery. Gallery Order Order Alphabetically Order By First Appearance Order By Team
The Web Developer Toolbox: Raphaël
This is the first of a series of articles dedicated to the useful libraries that all web developers should have in their toolbox. My intent is to show you what those libraries can do and help you to use them at their best. This first article is dedicated to the Raphaël library. Introduction Raphaël is a library originally written by Dmitry Baranovskiy and is now part of Sencha Labs . The goal of this library is to simplify work with vector graphics on the Web.Timeline est un plugin jQuery permettant de créer des frises chronologiques avancées et dynamiques. Présenter l'histoire de votre entreprise, votre parcours professionnel sous forme de CV interactif original ou encore les évolutions/roadmap de votre service web ... sont toutes des possibilités d'utilisation de ce plugin jQuery. Timeline est un script open source qui vous permettra d'illustrer des dates clés à l'aide de tout contenu média: Images HTML Twitter: Tweet Flickr Soundcloud Youtube Vimeo Google Maps Site web Etc La timeline se présente en 2 parties: Le slider des évènements avec le contenu riche et en dessous la frise chronologique scrollable et qui peut être zoomée ou dézoomée.
Timeline - Créer des frises chronologiques interactives avec jQuery
Responsive IMGs Part 2 — In-depth Look at Techniques In Responsive IMGs Part 1 , I took a high-level look at what responsive IMGs are, the problem they are trying to solve, and the common issues they face. In this post, I’m going to take a deeper look at the specific techniques being used to provide responsive IMGs and try to evaluate what works and doesn’t.
» Responsive IMGs Part 2 — In-depth Look at Techniques Cloud Four Blog
Hey guys. Quite often with image galleries powered by jQuery, we’re presented with a very similar layout – one which contains the images or items presented inside a rectangle. This is great for providing an experience users are used to, but there are a few interesting alternatives that you may like to hear about – how about displaying your images or items around a shape like a circle or an ellipse instead?. In today’s post I’ll be showing you how to do just that with a brand new plugin I’ve written called jQuery Roundrr . I’ll also show you how you can leverage the power of math with JavaScript to generate coordinates for positioning your images in interesting ways without needing to use HTML5 or CSS3 – just pure javascript. The benefit of this approach is that much of what I show you today will work cross-browser right out of the box.
jQuery Roundrr – How To Create Circular Image Galleries With jQuery
Hey guys. Today we’re going to take a look at how you can build a single-page application (SPA) supporting graceful degradation using some of jQuery’s Best friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating to name but a few. Alex Sexton has been giving a great presentation highlighting these tools in few recent conferences and I thought it would be useful to write up a tutorial to compliment their use.
Building Single Page Applications With jQuery’s Best Friends
24 JavaScript Best Practices for Beginners — net.tutsplus.com — Readability
As a follow-up to “30 HTML and CSS Best Practices” , this week, we’ll review JavaScript! Once you’ve reviewed the list, be sure to let us know what little tips you’ve come across! 1. Use === Instead of == JavaScript utilizes two different kinds of equality operators: === | !Topic: jQuery / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins As you may noticed a few days ago we released a tutorial about How to Create an Accordion Menu in Pure CSS3 . As this pure CSS3 Accordion Menu will not work on all browsers because the :target selector in not supported in the oldest browsers we decided to create a jQuery version of this menu.
How to Create a Accordion Menu (CSS3+jQuery) [Tutorial]
HTML5 Video player jQuery plugin
HTML5 Video player jQuery plugin As you know – HTML5 <video> element is already supported by most of browsers (by modern browsers). Its initialization is very easy.A tiny , no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design. Disable Overthrow What is this all about?