background preloader

Javascript

Facebook Twitter

Solutions gratuites pour créer graphiques et tableaux - Dev Web Ressources - winpix. Un tableau ou un graphique est une représentation visuelle des données, dans laquelle les données sont représentées par des symboles, tels que les barres, lignes, ou des tranches. Article : 50 Snippets jQuery qui peuvent vous aider dans vos projets JavaScript. AngularJS Panels - simple portal widget with RESTful backend. To understand how this component works you need to know AngularJS, at least a little.

AngularJS Panels - simple portal widget with RESTful backend

In case of any doubts please look at AngularJS documentation. The structure of the code is typical to every AngularJS application. First of all, we need controller which will also contain our JSON model: As you can see it's very easy to create model with full RESTful backend. For more extensive documentation on how to use $resource service look at $resource documentation. Ok, we have a proper controller, now it's time for our portal widget itself: Les Anonymous développent leur propre Pastebin nommé AnonPaste, une alternative « anonyme » Alerté par mon collègue Charly hier, le groupe hacktiviste Anonymous et le groupe Peoples Liberation Front semblent avoir décidé de proposer leur propre Pastebin !

Les Anonymous développent leur propre Pastebin nommé AnonPaste, une alternative « anonyme »

En effet, le groupe désormais mondialement connu des Anonymous a créé un site de partage de données appelé AnonPaste, non pas destiné à recueillir des fichiers ou autre contenu, mais plutôt des portions de code et d’autres messages et ce, sans aucune modération évitant ainsi la censure de l’information affichée. Ce nouveau site, accessible en cliquant sur ce lien, utilise un domaine .tk disponible gratuitement, et permet aux utilisateurs de fixer un délai d’expiration pour votre message. La validation des formulaires avec jQuery Validate. 6 avril 2011 Vous voulez faire la vérification de vos formulaire en javascript simplement et rapidement ?

La validation des formulaires avec jQuery Validate

Canvas

Les librairies JavaScript vraiment utiles. JSTweener est une librairie de gestion des transitions ( tween en anglais) basé sur la classe Tweener utilisée dans le code ActionScript de Flash. $fx() est une librairie JavaScript légère (moins de 4Ko) d'animation d'éléments HTML. Elle vous permet de modifier n'importe qu'elle propriété CSS progressivement avec un paramétrage simple. Vous pouvez aussi combiner les effets en les enchainant ou en les synchronisant. Enfin, de nombreux callbacks vous offrent beaucoup de liberté dans la gestion de vos effets. CSS3Pie, styles CSS3 pour Internet Explorer. CSS3 pointe son nez apportant son lot de propriétés de mise en forme très pratiques.

CSS3Pie, styles CSS3 pour Internet Explorer

Certaines fonctionnalités de CSS3 ont aujourd’hui un bon support dans les versions récentes des navigateurs (Firefox, Chrome, Safari, Opera… mais aussi Internet Explorer 9 et le futur IE10), mais bien entendu pas dans les anciennes versions d’Internet Explorer qui restent très présentes sur le marché. Comment gérer cette situation?

Le script CSS3 PIE, qui permet d’imiter le support de certaines propriétés CSS3 dans les anciennes versions d’Internet Explorer, est un début de solution. 5 conseils pour développer avec JQuery. Pour prolonger la série des tutorials et conseils sur JQuery, je propose un article pour livrer quelques astuces que j’ai découvert par moi-même ou glanées sur le web dans le but de mieux coder et d’optimiser le code JQuery.

5 conseils pour développer avec JQuery

En effet, si celui-ci n’est pas bien optimisé, les perfomances peuvent être détérioriées en fonction des capacités de la machine de visiteur. Le JavaScript est un langage côté client, il ne faut pas négliger les visiteurs ayant une machine de moindre puissance ! 1 – Optimisation des sélecteurs Pour commencer, un petit rappel de l’ordre des sélecteurs de JQuery en fonction de leurs vitesses d’interprétation (la liste n’est pas exhaustive) :

Compression-Obfuscation

Closure Compiler Service. 50 Useful New jQuery Techniques and Tutorials - Smashing Magazine. 60 More AJAX- and Javascript Solutions For Professional Coding - Smashing Magazine. Advertisement When it comes to design of modern web-applications, Ajax is considered as a standard approach.

60 More AJAX- and Javascript Solutions For Professional Coding - Smashing Magazine

Interactive solutions for lightboxes, form validation, navigation, search, tooltips and tables are developed using Ajax libraries and nifty Ajax scripts. Ajax is useful and powerful. However, when using Ajax, one should keep in mind its drawbacks in terms of usability and accessibility. With an extensive use of Ajax, you can easily confuse your visitors offering too much control and too many features.

Nevertheless, it’s important to know what’s possible, particularly since you can develop new ideas further, improving the quality of your web applications. This post presents over 60 new useful Ajax scripts, libraries and solutions which you can use in your future projects. You might want to consider checking out the following related posts: Plugin jQuery : PicNet Table Filter, filtrer les données de vos tableaux.

Plugin jQuery : In-Field Labels, placer vos labels dans les champs de formulaires. Apprise, modifier les alertes javascript. Plugins jQuery. Zoomooz est un plugin jQuery qui permet de zoomer sur des éléments d’une page web.

Plugins jQuery

Continue la lecture Chocolat permet de visualiser une ou plusieurs images sans quitter la page. Le choix est laissé à l’utilisateur de regrouper une série d’image sous un lien, ou de laisser apparaître les images sous forme de miniatures.

DOM

Fonctions diverses mais bien utiles :-) Chargez Jquery en asynchrone avec Head.js. Charger dynamiquement les frameworks javascript (Mootools, JQuery, etc...) grâce à Google API. By Aymeric on septembre 27th, 2009 Petite astuce que j’ai découvert il y a quelques jours : la possibilité de charger grâce à Google API les fichiers javascript nécessaires au fonctionnement des frameworks javascript comme Mootools , jQuery , DoJo , etc… ( liste complète disponible ici ).

Charger dynamiquement les frameworks javascript (Mootools, JQuery, etc...) grâce à Google API

Les serveurs de Google sont surement plus rapides que celui qui héberge votre site web Le poids de la page est diminué Economie de la bande passante Même si Google API prévoit un système de versionning dans son appel aux libraires, il permet de toujours avoir la dernière version sortie de la librairie. Interagir avec le DOM au cours du chargement. Problématique En termes d’ergonomie, il est souhaitable qu’une page HTML se charge le plus vite possible ou en tout cas que les composants graphiques qu’elle comporte soient manipulables dès que possible par l’utilisateur.

Interagir avec le DOM au cours du chargement

Lorsqu’on utilise un framework javascript (et qu’on n’utilise pas la méthode du partage de code cf. dernier article), il faut charger le code correspondant. Sur la plupart des navigateurs actuels, l’interprétation du code javascript est bloquante vis-à-vis de l’interprétation du DOM. Autrement dit, si la page est en train de se charger, qu’elle rencontre une balise SCRIPT, l’HTML cesse d’être interprété pendant que le contenu de la balise SCRIPT (le code javascript) est exécuté.

Pour cette raison, il est préférable d’interpréter le code javascript à la fin de la page ou après le onload (le DOM étant totalement chargé à ce moment). Prenons l’exemple d’une page comportant des éléments de formulaire HTML. jQuery Mobile. jQuery plugin: Tablesorter 2.0.