background preloader

Jquery

Facebook Twitter

Webdesigner Trends - Webdesign et inspiration. 50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant. Cela fait quelques années que le Javascript et notamment jQuery – qui simplifie et norme son utilisation – continuent d’être de plus en plus utilisés.

50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant

Aujourd’hui cette technologie est toujours plus facile à exploiter grâce à l’installation de plugins, c’est-à-dire de petits modules de code. Il n’a jamais été aussi facile qu’aujourd’hui de rendre un site ergonomique, originale et attractif ! Ces 50 plugins sélectionnés avec soin parmi les milliers existants vous permettront de transformer n’importe quel site fade en site riche, intuitif, interactif et ergonomique, y compris sur mobile. Design Spartan : Art digital, digital painting, webdesign, ressources, tutoriels, inspiration.

Le nombre de plugins jQuery disponibles est devenu incroyable et les possibilités qu’ils offrent pour rendre votre site toujours plus interactif et intéressant sont sans limites.

Design Spartan : Art digital, digital painting, webdesign, ressources, tutoriels, inspiration

Voici donc une collection de 35 plugins incontournables triés sur le volet ! Basés sur la librairie Javascript jQuery, largement adoptée par la communauté des développeurs et créateurs de sites, ces plugins permettent l’intégration facile et rapide de fonctionnalités puissantes. Certains sont très pratiques pour des taches précises (par exemple la création de tags ou des animations de tri) et d’autres sont si puissants qu’ils seront les fondations de votre site (effets de scrolling, navigation, mise en page, effets d’animation, etc). 10 exemples incroyables d’effets de survol en jQuery / CSS3. Accueil > Inspiration Design > jQuery / CSS3 / HTML > 10 exemples incroyables d’effets de survol en jQuery / CSS3 mercredi 2 avril 2014, par Wonka Trouvez ici toute la puissance de jQuery couplé avec CSS3 pour la création d’animation et d’effets de survol pour le webdesigns.

10 exemples incroyables d’effets de survol en jQuery / CSS3

Le développement de site internet notamment du front end passe aujourd’hui exclusivement via l’élaboration d’une expérience utilisateur adaptée et optimisée. Prenez en main Bootstrap. Référence JavaScript. Cette partie de la section JavaScript de MDN regroupe plusieurs notions sur le langage JavaScript.

Référence JavaScript

En savoir plus à propos de cette référence. Les objets globaux. L'union de tableaux en Javascript Maxlab. Il arrivera forcément un jour ou vous aurez à effectuer l’union de deux ou plusieurs tableaux.

L'union de tableaux en Javascript Maxlab

Union qui doit prendre en compte et éviter la possibilité d’éléments dupliqués. Hélas javascript ne propose pas nativement cette possibilité. Même si cette opération est assez simple, il existe plusieurs méthodes pour y arriver facilement, l’occasion d’utiliser l’approche fonctionnelle d’ Ecmascript 5 mais surtout d’avoir un aperçu des nouvelles fonctionnalités offertes par Ecmascript 6. A l’ancienne, fonctionnel mon ami Prenons deux tableaux a et b que l’on veut unir : En fait, il s’agit d’une concaténation et d’un filtrage. 10 JQuery Parallax and Web Scroll Plugins for Amazing Web Experience. With a constant evolution in web technology, web developers and designers are utilizing innovative methods and techniques to deliver an unforgettable web experience to the user.

10 JQuery Parallax and Web Scroll Plugins for Amazing Web Experience

Many new techniques have emerged over the years and one of the most popular techniques is “Parallax”. With the parallax technique, the text on a website moves slower than the background, giving it a slick illusionary effect. There are a number of parallax techniques with many more being invented over the course of time. Here are a list some really popular Parallax and Web Scroll plugins, developed with jQuery, to provide an amazing web experience.

(Most of these plugins are responsive too.) 1. This is a simple plugin that generates the most common parallax effect you see on single-page websites. 2. Activer vos effets JavaScript en fonction de vos Media Queries. Je viens de voir un code allembiqué permettant de maintenir la hauteur de deux <div> côte à côte.

Activer vos effets JavaScript en fonction de vos Media Queries

Problème ? Ces éléments ne sont pas côte à côte en version mobile mais l'un sous l'autre : et maintenir la hauteur dans ce cas là ne sert à rien. La semaine d'avant, j'ai vu un code avec une cascade de if permettant d'ouvrir une vidéo dans une popup sur PC et d'ouvrir un lien Youtube sur mobile. Bien évidemment, les petits écrans PC ouvraient une popup alors qu'il aurait été intéressant qu'ils ouvrent aussi un lien. Je vous fais l'impasse sur les comportements au redimensionnement de la fenêtre. Bref, lançons-nous dans un petit exercice pour permettre un code JavaScript Responsive Web Design, sans se soucier de l'appareil qui l’exécute.

De la même manière que dans une feuille CSS nous allons nous servir de @media, en JavaScript, nous allons nous servir de window.matchMedia pour adresser différent comportement en fonction de la taille d'affichage de l'écran. Notre problématique Description. JavaScript. JavaScript (qui est souvent abrégé en "JS") est un langage de script léger, orienté objet, principalement connu comme le langage de script des pages web.

JavaScript

jQuery UI API Documentation. jQuery API Documentation. Slider jquery. 50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant. Graphisme & interactivité blog de design par Geoffrey Dorne. WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels -

Directement inspirés par les interfaces mobiles, certains sites osent ce que l’on pourrait nommer le « double scroll« … L’utilisation du défilement de page pour créer des effets originaux sur les sites est en vogue depuis maintenant bien 2 ou 3 ans, voir plus.

WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels -

Avec la ligne de flottaison définitivement enterrée, plus de soucis aujourd’hui les gens scrollent. La parallaxe, le scroll « story-telling« , entre autres ont permis d’apporter de la dynamique et de la profondeur dans notre expérience de navigation. Terminé le scroll long et fastidieux, terminé les sites plats et sans intérêt, vive le one-page et le scrolling à gogo ! Comme toutes les tendances, la parallaxe s’est elle aussi essoufflée après avoir lassé les concepteurs web et les internautes. Arweb : Création de site internet Saint-Brieuc, Rennes, Dinan, Bretagne. Tutoriel: Réaliser un diaporama simple avec JQuery. Facile jQuery, css.

Tutoriel: Réaliser un diaporama simple avec JQuery

L'art du scrollitelling : 3 applications pour vous y mettre. Design Spartan : Art digital, digital painting, webdesign, ressources, tutoriels, inspiration. 10 exemples incroyables d’effets de survol en jQuery / CSS3. jQuery Image Slider & Gallery. Sélection de Slideshow et Carrousels. Cet article a 2 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 56 420 fois. Ayant récemment eu besoin de parcourir les ressources du web à la recherche d’une solution de slideshow simple et personnalisable, j’ai rencontré quelques bonnes choses. Voici une liste très largement non exhaustive de quelques slideshow et carrousels en JavaScript qui ont retenu mon attention par leur simplicité, leurs fonctionnalités ou la qualité de leur ergonomie.

Essayons de classer ces ressources, mais ça ne sera pas toujours facile.