Particules en Html5

Catégorie : Design, HTML5, Technologie, Wahou ! Sans commentaire Par David le 07/09/2010

Il existe de plus en plus de démos qui nous présente les possibilités qu’offre l’HTML5. Aujourd’hui même, le logo de google est fait de particules animées en HTML 5

Il faut avoir un navigateur récent pour accéder a ce type de contenu. Internet Explorer ne gère pas encore cette technologie, nous vous conseillons Chrome, Firefox , Opera ou même Safari.

Logo Google

Hakim El Hattab nous propose plusieurs expériences sur son site, voici un exemple (clic sur l’image):

Particules HTML5

Pour plus d’informations sur cette technologie, je vous propose un article de Raphael Goetter sur Alsacreations. Cet article parle également de CSS3 !

Tester la compatibilité HTML5 de votre navigateur

Catégorie : HTML5, Technologie Sans commentaire Par Éric le

Tester la compatibilité HTML5 de votre navigateur… c’est probablement un peu tôt vu que les dernières moutures sont en cours de développement (Firefox 4, IE9…).

Ceci dit, avant de vous lancer dans la création de votre site Web Full HTML5 & CSS3, réfléchissez-y 2 fois avant de mettre les mains dans le cambouis (et faites une analyse des parts de marchés des navigateurs avant de sauter le pas).

Voici les scores des principaux navigateurs, sur leur dernière version… stable

1)   Google Chrome 6 : 217/300 (version 5 : 197/300)

2)   Safari 5.0.1 : 165/300

3)   Opéra 10.61 : 159/300

4)   Firefox 3.6.8 : 139/300

5)   Internet Explorer 8 : 27/300

Google Chrome, qui vient de lancer sa version 6, est loin devant… tandis qu’Internet Explorer reste loin derrière (fâcheuse habitude il faut avouer – bien que l’on nous promet une version 9 de haut niveau, ce qui reste à prouver).

Pour faire votre test : http://www.html5test.com/

Un plugin jQuery pour vos graphiques

Catégorie : Javascript, Technologie Sans commentaire Par Éric le 06/09/2010

gvChart est un plugin jQuery utilisant l’API Google Charts : il permet de créer facilement vos graphiques.
Idéal pour schématiser vos données statistiques et présenter proprement le résultat à vos utilisateurs.

Liens :

Site : http://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/

Démo : http://www.ivellios.toron.pl/technikalia/demos/gvChart/

jQuery carrousel

Catégorie : Javascript 5 Commentaires Par acti le 11/08/2010

Bonjour à toutes et à tous,

Un nouveau plugin carrousel en jQuery vient de sortir.

Une documentation complète est disponible à cette url : http://www.gougouzian.fr/projects/jquery/carrousel/

Les avantages de ce carrousel par rapport aux autres sont sa flexibilité et la diversité des contrôles et effets que l’on peut appliquer.

Vous pouvez vous même en faire.

Des retours, des questions, n’hésitez pas à nous contacter.

TinyMCE et les onglets

Catégorie : Javascript 1 Commentaire Par acti le 29/07/2010

Bon à savoir aussi, lorsque l’on utilise le miniword (tinymce) dans des onglets de jquery, il faut initialiser les onglets à la fin du chargement du code pour que le miniword puisse s’initialiser avant. Sinon, le miniword ne sera bizarrement pas chargé.

$(window).load(function(){     $("#container-1 > ul").tabs(); });

et non pas la fonction habituelle :

$(document).ready(function(){     $("#container-1 > ul").tabs(); });

SPIP 2.0.10

Catégorie : Technologie 11 Commentaires Par acti le 23/07/2010

Nouvelle version de SPIP disponible :

Téléchargeable à l’adresse suivante : http://www.spip.net/fr

Liste des nouveautés : ici

Onglets JQuery et Google maps

Catégorie : Javascript 5 Commentaires Par acti le 17/06/2010

Lorsque l’on utilise les onglets JQuery et des Google maps dans la même page, il faut impérativement charger la map AVANT les onglets. Dans le cas contraire, la carte sera bizarrement tronquée…

TinyMCE, SPIP et javascript

Catégorie : Javascript 1 Commentaire Par acti le 14/06/2010

Il est parfois nécessaire de rajouter du javascript dans le miniword de SPIP.
Si vous essayez directement, cela ne marche pas, il faut bien penser à mettre des commentaires html.
Par exemple (avec jQuery)

 <script type="text/javascript"> <!-- $(document).ready(function() {        $('div.details2').click(function() {         var answer = $(this).next(); }); // --> </script>

Vous ne connaissez pas SPIP, jQuery ou TinyMCE ?

Intégrer les résultats Twitter dans Google

Catégorie : Technologie 8 Commentaires Par acti le 22/04/2009

C’est possible avec le script Greasemonkey
« It displays the most recent 5 tweets for the query that you are search for, giving both real-time Twitter search results and Google results on the same page: » (source : mt-hacks.com)

script greasemonkey, twitter, google, acti, elise boubault, consultante web marketing

DébutPrécédent
  1. 1
  2. 22
  3. 33
Fin