jQuery – Waebo

jQuery Mobile 1.0 : Framework JavaScript mobile stable

TiChou — Sat, 19 Nov 2011 07:05:44 +0000

C’est au courant de l’été 2010 qu’était dévoilé le projet de version mobile du célèbre framework JavaScript jQuery, nommé sans surprise jQuery Mobile. Après une première version alpha en octobre 2010 et de longs mois de travail, la version finale était enfin publiée il y a trois jours.

C’est un outil de taille qui est diffusé là aux développeurs. jQuery Mobile permet en effet la conception simplifiée de sites internet en HTML5 sans se soucier des différents appareils (smartphones, tablettes et liseuses) et plateformes mobiles – comprenez surtout navigateurs – depuis lesquels seront exécutées les applications web.

L’équipe en charge du développement annonce une importante hausse de performances en terme de temps nécessaire au rendu des pages entre jQuery Mobile RC2 et la Release Candidate 3 qui est à la base de la version stable : de 30% à 50% !

Est également dévoilé ThemeRoller for Mobile, un outil WYSIWYG de création de thèmes. Il est ainsi facile de créer des templates personnalisés via de simples glisser-déposer, sans écrire une seule ligne de CSS. Le résultat peut ensuite être partagé via une URL et/ou téléchargé au format ZIP pour une application directe ou des modifications ultérieures.

De très nombreux plugins et extensions mais aussi articles et tutoriels sont d’ores et déjà disponibles pour jQuery Mobile. De quoi se lancer rapidement dans le développement d’une déclinaison mobile de son site internet.

Pour plus d’informations, rendez-vous sur le site officiel de jQuery Mobile.

Source : Blog jQuery Mobile

Articles similaires :

Adobe Edge : Animations en HTML5, CSS3 et JavaScript

TiChou — Tue, 02 Aug 2011 16:00:35 +0000

Adobe Systems, société éditrice de nombreux logiciels graphiques reconnus comme Photoshop, Illustrator ou encore InDesign, annonce la disponibilité prochaine d’un nouvel outil nommé Edge.

Plutôt que de convertir des fichiers Flash en HTML 5 avec Adobe Wallaby (ou Google Swiffy), la firme californienne propose une application capable de générer des animations en HTML5, CCS3 et JavaScript via de simples clics de souris et autre glisser-déposer d’éléments au sein du projet.

Explication du fonctionnement d’Adobe Edge en vidéo :

De nombreux formats d’images sont compatibles (PNG, JPG, GIF et SVG) et, comme vu dans la présentation, l’auteur de l’animation peut jouer sur différentes transformations (couleur, transparence, taille, etc.) de composants sur la ligne de temps.

A noter que le moteur de rendu intégré à Adobe Edge est ni plus ni moins que WebKit et que le framework JavaScript sollicité est basé sur l’excellent jQuery.

De quoi proposer un contenu dynamique pour les navigateurs de nos ordinateurs mais aussi ceux des tablettes graphiques et autres appareils mobiles tels que nos smartphones.

Pour plus de détails ou pour télécharger la preview de Edge (avant qu’il ne devienne payant ?), rendez-vous dans les labs Adobe.

Source : Clubic

Articles similaires :

jQuery 1.5 : AJAX réécrit, objets différés & clone de jQuery

TiChou — Mon, 31 Jan 2011 22:22:05 +0000

jQuery 1.5 sous les projecteurs. C’est près d’un mois et demi après la sortie de jQuery 1.4.4 qu’est dévoilé la nouvelle version du célèbre framework JavaScript. Beaucoup de changements sont ainsi à souligner à travers les 83 bugs corrigés et pas moins de 460 tickets traités.

L’un des points important de jQuery 1.5 est la réécriture totale du module AJAX qui renvoit désormais des objets jXHR pour une meilleure consistance avec les objets XMLHttpRequest cross plateformes.

JQuery 1.5 annonce qui plus est l’arrivée d’une nouvelle fonctionnalité : les objets différés. Ces derniers offre la possibilité d’interagir avec des données retournées encore pourtant inaccessibles ; comme lors de requêtes asynchrones par exemple.

// Assign handlers immediately after making the request,
// and remember the jxhr object for this request
var jxhr = $.ajax({ url: "example.php" })
.success(function() { alert("success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });

// perform other work here ...

// Set another completion function for the request above
jxhr.complete(function(){ alert("second complete"); });

Cette nouvelle release apporte en outre le clone de la librairie jQuery via jQuery.sub(). Les surcharges de méthodes natives sont ainsi envisageables sans risque d’affecter des parties de code utilisant lesdites méthodes jQuery modifiées. Un autre intérêt de cette copie est la suppression des éventuelles collisions au niveau des namespaces, pour un plugin par exemple.

(function() {
var myjQuery = jQuery.sub();

myjQuery.fn.remove = function() {
// New functionality: Trigger a remove event
this.trigger("remove");

// Be sure to call the original jQuery remove method
return jQuery.fn.remove.apply( this, arguments );
};

myjQuery(function($) {
$(".menu").click(function() {
$(this).find(".submenu").remove();
});

// A new remove event is now triggered from this copy of jQuery
$(document).bind("remove", function(e) {
$(e.target).parent().hide();
});
});
})();

// Regular jQuery doesn't trigger a remove event when removing an element
// This functionality is only contained within the modified 'myjQuery'.

Est finalement à noter une amélioration des performances concernant les méthodes .children(), .prev() et .next().

Source : Blog jQuery

Articles similaires :

Open Source Awards 2010 : WordPress et PrestaShop primés

TiChou — Fri, 19 Nov 2010 22:45:26 +0000

Les résultats de l’Open Source Awards 2010 sont tombés.

De nombreux outils et systèmes de gestion de contenu ont été nominés dans différentes catégories :

Open Source CMS : CMS Made Simple
Hall of Fame CMS : WordPress
Most Promising Open Source Project : Pimcore
Open Source E-Commerce Applications : PrestaShop
Open Source Graphics Software : Blender
Open Source JavaScript Libraries : jQuery

Pas moins de 24 000 dollars ont ainsi été distribués pour récompenser les lauréats.

Une mention particulière pour PrestaShop, une solution e-commerce française.

Articles similaires :

jQuery 1.4.4 : Corrections et nouveautés du framework JavaScript

TiChou — Fri, 12 Nov 2010 15:35:32 +0000

La nouvelle version du célèbre framework JavaScript est publiée : jQuery 1.4.4. C’est moins d’un mois après la disponibilité de jQuery 1.4.3 que cette dernière release vient améliorer l’outil via de nombreux correctifs.

La méthode .fadeToggle() fait qui plus est son apparition :

$("button:first").click(function() {

$("p:first").fadeToggle("slow", "linear");

});

A noter que les méthodes .width() et .height() ne renvoient plus une hauteur de 0 quand la propriété display: none a été appliquée sur l’élément concerné. Il est désormais nécessaire de passer par .is(‘:hidden’).

A souligner finalement que Microsoft vient se placer auprès de Google en proposant d’héberger jQuery 1.4.4 via le sous-domaine ajax.microsoft.com. Et un CDN supplémentaire !

Source : Blog jQuery

Articles similaires :

jQuery 1.4.3 : Améliorations du framework JavaScript

TiChou — Sat, 16 Oct 2010 18:44:28 +0000

La branche 1.4 du célèbre framework JavaScript est mise à jour, huit mois après la disponibilité de jQuery 1.4.2. Est aujourd’hui dévoilée une release corrigeant tout d’abord des bugs et apportant d’autre part des améliorations mais aussi de nouvelles fonctionnalités : jQuery 1.4.3.

Sont notamment concernés JSLint, le module CSS quasi-entièrement réécrit, les attributs data- de l’HTML 5, les évènements, les effets ou encore l’AJAX.

A noter une compatibilité totale à travers 3621 tests pour l’ensemble des navigateurs supportés, y compris Firefox 4. Des dysfonctionnements persistent concernant Internet Explorer 9.

Source : Blog jQuery

Articles similaires :

Never Mind the Bullets : Bande dessinée en HTML 5, CSS 3 & jQuery

TiChou — Wed, 15 Sep 2010 19:33:16 +0000

A l’occasion de la sortie de la bêta d’Internet Explorer 9, le studio de webdesign parisien Steaw dévoile une création en partenariat avec Microsoft : Never Mind the Bullets.

Il s’agit plus précisément d’une bande dessinée développée avec les dernières technologies web ayant pour but de montrer les avancées considérables du navigateur par rapport aux versions précédentes.

Ont ainsi été utilisés l’HTML 5 (font-face, SVG, etc.), le CSS 3 ainsi que le célèbre framework JavaScript jQuery.

Effet garanti !

Articles similaires :

jQuery Mobile : Le framework JavaScript jQuery pour mobiles

TiChou — Sun, 22 Aug 2010 11:46:51 +0000

Nul besoin de présenter le framework JavaScript jQuery. Leader de son domaine, c’est une nouvelle déclinaison de la librairie qui est désormais disponible, optimisée pour les navigateurs web mobiles : jQuery Mobile.

Compte tenu de l’explosion de l’utilisation des smartphones et autres appareils nomades pour le surf, ce n’est pas vraiment une surprise mais assurément un soulagement pour les développeurs qui seront plus aisément en mesure de proposer des applications web multi-plateformes. Reste à voir si les différents moteurs JavaScript seront en mesure d’exécuter les lignes de code avec la même fluidité…

Pour l’instant, les plateformes supportées sont iOS, Symbian S60, Symbian UIQ, Symbian Platform, Blackbery OS, Android, Windows Mobile, webOS, bada, Maemo et MeeGo.

Actuellement encore en cours de développement, la disponibilité de jQuery Mobile est prévue fin d’année 2010.

Articles similaires :

ScriptSrc : Les plus célèbres librairies JavaScript en un clic

TiChou — Fri, 14 May 2010 20:12:36 +0000

Les applications web se basent toujours plus sur les librairies et autres frameworks JavaScript pour accélérer les temps de développement ainsi qu’obtenir des résultats bien plus sexy et souvent même plus ergonomiques.

Pour tous ceux qui cherchent à inclure rapidement ces scripts hébergés sur le domaine googleapis.com, voici ScriptSrc.

D’un simple clic sur la librairie souhaitée, la balise script dûment complétée est copiée dans le presse-papier de votre ordinateur, prête à être collée dans le corps de la page web.

Sont ainsi disponibles jQuery, jQuery UI, Chrome Frame, SWFObject, Mootools, YUI, Prototype, ExtJS, Dojo ainsi que Scriptaculous.

Articles similaires :

Kiwi Party 2010 : L’évènement web d’Alsacréations à Strasbourg

TiChou — Thu, 15 Apr 2010 18:06:48 +0000

La Kiwi Party de cette année a été confirmée. L’évènement très attendu par de nombreux professionnels du web en Alsace, et plus largement en France pour de plus rares personnes, aura effectivement lieu dans la capitale régionale demain, vendredi 16 avril 2010.

Les festivités débuteront avec des ateliers dans les locaux d’Epitech (4 rue du Dôme) :

18h00 à 18h30, Atelier 1 (Jouons avec CSS3) et Atelier 2 (Accessibilité des documents PDF) en parallèle
18h30 à 19h00, Atelier 3 (Présentation de jQuery) et Atelier 4 (Découpe HTML/CSS pertinente) en parallèle
19h00 à 19h30, Atelier 5 (Intégration d’une newsletter) et Atelier 6 (Comment gérer IE6) en parallèle

Et continueront au Rafiot (tout comme pour le Yulbiz #3 de ce début d’année) à partir de 19h30.

Je ne pourrai pour ma part qu’être présent pour cette seconde partie de soirée où j’aurai assurément l’occasion d’apercevoir des têtes connues.

Source : Blog Alsacréations

Articles similaires :