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>
Ce matin un régal pour les yeux et les neurones…
Afin de démontrer la puissance de son navigateur (et le talent de ses équipes), Google vient de nous livrer un projet à voir de toute urgence !
Le projet ROME, est presque parfait. Je dis presque, parce qu’il va vous demander une machine de malade pour pouvoir tourner correctement…
Pour ma part, je l’ai lancé sur un MacBook Pro (dernière génération), sous Chrome 12.0.742.122 et ça gratte quand même à certains moments…
Aujourd’hui, je vais vous parler d’un petit module ajouté au projet YouAreLucky.
En effet, j’ai développé une petite page permettant de lancer des dés.
Le développement est assez simple :
- Création dynamique des dés, en Php.
- Assignation des valeurs aux équivalents des faces, en Php.
- Lancé automatique, généré en Javascript.
Le hasard est donc de mise, alors faites vos jeux !
Une version iPhone va bientôt pointer le bout de son nez, parce que l’on a rarement des dés sous la main,
et en soirée, on en a besoin quelques fois.
Ce matin, je vais vous parler d’un petit soft, encore en version Beta, développé en AIR vous permettant de tester rapidement votre site sous différents terminaux mobiles.
En effet, Mobilizer vous permettra de tester vos applications en ligne sous iPhone4, HTC Evo, Blackberry storm et Palm pre.
Alors ne vous emballez pas, j’ai testé l’application, et ça ne fonctionne pas super bien…
En effet, les caractéristiques de résolutions d’écrans par exemple, ne sont pas bien gérées.
Par exemple, un iPhone redimentionnera votre site pour le faire entrer dans du 960×640, mais dans cet émulateur, il restera en taille réelle, et non centré…
Idem pour la gestion du flash… qui tourne sous l’iPhone de Mobilizer…
Bref, cet outil est fun, mais pas encore au point…
A suivre quand même, en espérant que les prochaines mises à jours corrigeront ces imprécisions…
Il y a quelques jours, je vous parlais de la coque Rollei & de son zoom x8 pour iPhone.
Et bien, il y a du nouveau dans le domaine : l’adaptateur d’objectifs pour iPhone.
Vous allez pouvoir adapter votre objectif de Canon EOS ou de Nikon sur votre téléphone.
J’avais remarqué que le modèle de Rollei était bien, mais il ne bénéficiait que d’un objectif.
Vous pourrez désormais adapter l’ensemble de vos objectifs pour shooter et filmer en HD depuis votre iPhone.
Source : journaldugeek.com
Comme vous avez pu le remarquer, depuis hier soir, un encart de pub pour youarelucky.fr vient de faire son apparition sur le blog.
En fait, il s’agit d’auto-promo puisque j’ai développé un module de tirage au sort.
En effet, le blog « Les Fleurs Addicts » m’a posé cette question : « Où peut-on effectuer un tirage au sort sur le net ? ».
La question est toute bête, mais amène plusieurs réflexions :
1 – Il faudrait pouvoir bénéficier d’un site qui permette de choisir le nombre de gagnants.
2 – Il faudrait afficher la date du tirage au sort pour prouver que celui-ci a bien été effectué au moment annoncé.
3 – Il faudrait pouvoir télécharger une image sur laquelle figure les gagnants (et les perdants éventuellement).
Bref, j’ai donc tenu compte des différentes questions posées ci-dessus, pour vous proposer un nouveau service de tirage au sort pour votre blog.
Ce site peut être en perpétuelle création, puisque j’ai pas mal d’idées de développements sur ce sujet…
En espérant que vous en ferez bon usage.
Aujourd’hui, je vais vous parler d’un petit éditeur WYSIWYG de toute beauté comme diraient Eric & Ramzi.
En effet, d’ordinaire, les éditeurs que vous intégrez dans vos back-offices sont du type TinyMCE ou CK-Editor. C’est-à-dire, un textarea que vous re-stylez à la volée en javascript en utilisant ces plug-in. Et bien un nouvel éditeur vient de faire son apparition, en HTML5 : Aloha-editor. Je vous invite à faire un petit tour sur le site du projet, afin de voir ce que vous allez pouvoir en faire, mais je peux déjà vous dire que vos back-offices vont avoir plus de classe.
D’ailleurs, il recherchent des développeurs pour continuer à avancer dans le projet…
Il y a quelques jours, je vous parlais de Google Charts qui permet de créer des graphiques en Javascript via l’API de Google.
Un petit concurrent français vient de pointer le bout de son nez, j’ai nommé Pétale Graphique.
Ce projet est disons, plus axé débutant en développement puisque la génération du graphique est déportée sur le serveur du projet. Ensuite, le graphique généré, est rapatrié sur votre site via une <iframe>.
Je sais, ce n’est pas super W3C like, mais pour vos interfaces de Back-Offices par exemple, ça peut être utile.
Je vous invite à tester ce système qui peut être intéressant, bien qu’encore en version beta…
