Goggle lance un nouveau service, page speed service afin d’informer les développeurs sur les temps de chargement d’un site web.
Pour cela, rien de plus simple, il vous suffit de renseigner l’URL du site sur la page d’accueil, et d’analyser le compte rendu généré.
Ce matin, un petit post pour vous annoncer la mort de flash…
Non, je rigole, mais depuis le temps que l’on nous l’annonce, ça va bien finir par arriver… Mais il faut croire que le protégé de Adobe est coriace…
Bref, pour ajouter du poids dans la balance, nos amis de GoogleLabs nous ont livré une piste permettant de convertir du Flash en HTML5.
La conversion se fait sur cette page : http://swiffy.googlelabs.com/
A tester avec plusieurs types de fichier swf.
Pour ma part, j’ai testé avec des fichiers du type : timeline (sans AS3), mais également avec du full AS3… Et dans les 2 cas, le résultat est bluffant !
Si vous n’avez pas de swf sous la main, une gallerie est disponible.
Je vous conseille de tester d’urgence, d’autant que comme vous le savez, Google a annoncé la mort de Google Labs dans les semaines à venir (pour manque de rentabilité visiblement).
Au programme ce matin, un petit script glané à cette adresse.
Il vous sera très utile puisqu’il vous permettra de pré-charger les images contenus dans vos CSS.
Un gros avantage, puisqu’il vous permettra d’éviter les temps de chargement dus aux évènements hover par exemple…
A mettre donc dans votre répertoire des incontournables, et à linker dans tous vos sites !
Je vous présenterai prochainement un site dans lequel il m’aura été fort utile…
Aujourd’hui, je vous parle d’un nouveau projet mis en place hier matin : Destockage Créatif
En effet, suite à une demande du blog lalouandco, j’ai développé un site de petites annonces, destiné au adeptes des loisirs créatifs.
Au programme pour le site actuel (sorte de teaser du site final), vous remarquerez du jQuery utilisé pour le compte à rebours et pour les nuages au fond.
Si vous souhaitez faire la même chose, rien de plus simple, vous pouvez récupérer mes codes en faisant + U sur le site www.destockage-creatif.com
Suite au développement d’un nouveau projet, j’ai eu besoin de créer un compte à rebours…
Du coup, je me suis dis que cela pourrait vous servir, alors, place au code.
Dans un premier temps, on link la bibliothèque jQuery :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
Ensuite, voici la partie en jQuery à insérer dans entre <head></head> ou dans un JS externe :
var dateActuelle = new Date();
var dateFin = new Date("Jul 29 2011 15:00:00");
var nombreJours = Math.floor((dateFin - dateActuelle) / 86400000);
var nombreHeures = Math.floor((dateFin - dateActuelle) / 3600000 - (24 * nombreJours));
var nombreMinutes = Math.floor((dateFin - dateActuelle) / 60000 - (24 * 60 * nombreJours) - (60 * nombreHeures));
var nombreSecondes = Math.round((dateFin - dateActuelle) / 1000 - (24 * 60 * 60 * nombreJours) - (60 * 60 * nombreHeures) - (60 * nombreMinutes));
if(nombreJours > 1) { nombreJours = nombreJours+' jours, '; }else{ nombreJours = nombreJours+' jour, '; }
if(nombreHeures > 1) { nombreHeures = nombreHeures+' heures, '; }else{ nombreHeures = nombreHeures+' heure, '; }
if(nombreMinutes > 1) { nombreMinutes = nombreMinutes+' minutes, '; }else{ nombreMinutes = nombreMinutes+' minute, '; }
if(nombreSecondes > 1) { nombreSecondes = nombreSecondes+' secondes '; }else{ nombreSecondes = nombreSecondes+' seconde '; }
var texte = "Il reste "+nombreJours+""+nombreHeures+""+nombreMinutes+""+nombreSecondes+" avant l'ouverture du site."
$('.decompte').html(texte);
Il ne vous reste plus qu’à integrer un balise span dans votre site :
<span class="decompte">Calcul du décompte</span>
