Ro6gnol gazouillis en vrac

7déc/100

Image interface

Ai découvert aujourd'hui la nouvelle interface de Google Ad Sense ( La régie publicitaire de Google ) en version Béta.

C'est drôle, même leur toute nouvelle version donne l'impression d'avoir 10 ans d'âge.
Je ne comprends pas cette adoration pour les produits Google dont l'ergonomie m'a toujours déçu.
Seul le moteur, simple, efficace et rapide, me parait bien conçu ; voire intouchable pour la concurrence.

Par contre, j'ai toujours bien aimé les images que Google présente dans ses backoffice.
Pour la nouvelle version de leur backoffice adSense on pouvait y voir celle-ci qui symbolise une nouvelle interface :

Share Button
16nov/100

Les formats d’images

Voici un point sur les différents formats d'images :

Les images peuvent être enregistrées dans différents " formats " qui correspondent chacun à une méthode différente d'enregistrement.

Chaque type de fichier convient à certains usages.
Voici les cinq principaux " formats ":

  • BMP
  • GIF
  • JPG
  • PNG
  • WebP

Le format BMP , utilisé historiquement par le logiciel Paint,est le plus ancien de la bande.
Il n'est utilisé que si l'on souhaite conserver toutes la qualité d'une image après enregistrement.
Aussi son "poids" est assez lourd et peu adapté au web.

Le format d'image JPG est utilisé pour les photographies dont il permet de conserver la richesse des couleurs.
Les fichiers JPG peuvent être compressés en utilisant des méthodes de codage relativement sophistiquées.
Par contre, plus le niveau de compression est élevé, plus la qualité de l'image enregistrée diminue.
Tout est affaire de compromis entre le poids et la qualité.
On ne pourra pas avoir la qualité, la petite taille en octets et le sourire de la crémière.

Avec les fichiers GIF on pourra enregistrer des images animées.
Il permet une bonne compression des images et donc un faible poids.
Il convient très bien pour des dessins mais pour les photographes exigeants sa qualité sera insuffisante.
Une zone transparente peut être définie, ce qui le rend très utilisé par les graphistes amateurs pour faire des montages ( logos ... ).

Comme la licence du GIG appartient à une entreprise et qu'il fut en temps question de le rendre payant, le format PNG est apparu.
De meilleure qualité que le gif, il reste cependant plus performant pour les dessins que pour les photographies dont le poids reste assez élevé après enregistrement.
Il ne permet pas l'enregistrement d'animations comme le format GIF mais il supporte la transparence.

Le WebP est un tout nouveau format poussé par Google.
Celui-ci a pour vocation d'offrir une plus grande compression que le JPEG ( gain de 35% ) tout en offrant un meilleur rendu.
Il est question à court terme que ce format puisse également gérer la transparence.

Share Button
7oct/100

3 templates d’administration gratuits en XHTML / CSS à télécharger

Les applications de type SaaS arrivent à maturité.
La preuve, on commence à voir des outils dédiés aux backoffices.
Backoffice utilisateur mais aussi pour les administrateurs ( et oui ; ce sont les cordonniers les plus mal chaussés !  ;-)   ).

Aujourd'hui, "La ferme du web" a sélectionné 3 templates XHTML / CSS à télécharger gratuitement pour les applications d'administration.

C'est ici  : http://www.lafermeduweb.net/billet/3-templates-d-administration-gratuits-en-xhtml-css-a-telecharger-948.html

Share Button
16mai/100

Forcer l’activation du javascript

J'ai besoin pour un nouveau site d'être certain que le javascript est activé.
Si si ; ça peut être indispensable.
Par exemple, pour un site de réservation qui offrirait un mode "borne publique", il faut régulièrement controler avec un bout de code Ajax si l'état du planning doit être réaffiché.

Le principe me paraissait simple :
1] Encadrer la page par un div qui masque son contenu
2] Rendre visible ce div avec du javascript : si le javascript n'est pas actif ; le contenu de la page ne s'affiche pas.
3] Principe inverse pour afficher un message invitant l'utilisateur à afficher le javascript.

Or me voici à la recherche du bout de code en question avec notre ami Google.
Etrangement, impossible de trouver ce procédé !
On trouve partout un bout de code qui ne me convient pas du tout et qui consiste en :

<script type="text/javascript">
document.write("<p>Youpi ; javascript est activé</p>");
</script>
<noscript>
Javascript est désactivé...
</noscript>
bla bla quand même alors que je ne veux pas !!

Mais ça ne convient pas du tout !
En effet, la balise <noscript> affiche bien son contenu quand le javascript n'est pas activé ; mais elle n'empeche nullement l'affichage des autres balises de la page.

Voici donc la bonne solution :

<body>
<div id='avertissement' name='avertissement'>
<p>Javascript est désactivé... Le site ne peux pas fonctionner
</div>
<div id="monsite" style="display:none" name='monsite'>
Voici du bla bla ...<br>
Mais seulement si javascript est activé !!
</div>
<body>
<script type="text/javascript">
document.getElementById('monsite').style.display='block';
document.getElementById('avertissement').style.display='none';
</script>
Share Button
21avr/100

Veille techno client riche

Veille techno

17 menus qu'ils sont beau en javascript
http://www.underworldmagazines.com/17-effectiv-dropdown-menu-resources/

Une centaine de plugin bien pratique pour la librairie jQuery
http://www.jqueryplugins.com/ ( a voir absolument une très belle gestion de panier pour site de e-commerce ).

Les utilisateurs de la librairie javascript Prototype disposent d'une fonction très pratique, PeriodicalUpdater.
Malheureusement jQuery ne la propose pas.
Voici donc un plugin JQuery très utile pour mettre à jour du contenu périodiquement :
http://www.360innovate.co.uk/blog/2009/03/periodicalupdater-for-jquery/
et/ou http://github.com/RobertFischer/JQuery-PeriodicalUpdater/

Share Button
20avr/100

Le site de la semaine

Très beau site e-commerce ( sans Flash   ;-) )
Plein d'idées sympathiques de cadeaux.

http://www.mageekstore.com/

On y trouvera par exemple le plus petit hélicoptère radio commandé ( tient dans le creux de la main : 29.90 € ), un sèche vernis à ongles en forme de singe , une caméra IP wi-fi etc.

Share Button
8avr/100

Le site de Rachida Dati

Rachida Dati vient de sortir son site web : http://www.rachida-dati.eu/site/

Si on fait abstraction des potins médiatiques on appréciera l'épure de l'exercice.
Plutôt réussi.

Le site utilise pas moins de 3 librairies javascript ( Jquery, Prototype, Scriptaculous ) plus d'autres scripts spécifiques.
A mon avis c'est un peu beaucoup pour un site vitrine, mais après tout c'est ce qu'on voit un peu partout.

Share Button
4avr/100

Sexy alertbox en javascript

Une alternative possible au plugin jQuery voici une déclinaison "sexy" des boites d'alert en javascript.

http://www.coders.me/ejemplos/sexy-alert-box-1-2/

Share Button
21fév/100

Site « coup d’oeuil » du mois

Le site coup de coeur du mois étant pris, il fallait bien trouver un titre accrocheur !
En recherchant des informations sur le framework php codeigniter j'ai trouvé ce très joli site :

L'idée de la charette qui contient les symboles de technologies diverses et variées est vraiment excellente.
Le prospect qui voit cette page se dit : "Tient, je ferais bien un petit bout de chemin avec eux".
L'image est sympathique et avenante ; les couleurs chaleureuses.

Le reste de la page est plus clair car il se veut descritpif.
Mais les couleurs restent vives et dans l'air du temps.

A noter que la navigation sur le site est très bien pensée ( utilisation des onglets pré-chargés ... ).

Share Button
9fév/100

Du CRUD via un DataGrid en RIA

Oui, le titre est complètement idiot !
Pour info; CRUD est pour "Create | Read | Update | Delete.
Une problématique qui existait bien avant le web ( Si si, il existait de l'informatique avant le web ).
DataGrid est un composant de type "grille" ( Comme Excel ).
RIA signifie "Rich Internet Application" ( Le client léger prend du poids ! ).
Voila pour le coté frime... 8-)

Je rêvais d'une possibilité "simple" de pouvoir modifier des informations avec une pointe d'ajax via des fenêtres modales ; jqGrid l'a fait !
jqGrid permet d'afficher des données sous forme tabulaire et d'en modifier à loisir le contenu en asynchrone.
jqGrid est extrèmement riche car il permet des fonctionnement de type maitre/détail, de modifier via une fenêtre modale, de faire de la pagination, des tris etc.

Ce composant est proposé à la fois pour les développeurs ASP.NET et PHP.
J'aime beaucoup ASP.NET.
Quand cette architecture est sortie, j'ai eu un choc : Microsoft prenait d'un seul coup 10 ans d'avance car il proposait un outil ( RAD ) de productivité extraordinaire tout en respectant les normes et en utilisant la puissance de la POO.
Aujourd'hui, à mon humble avis, il a conservé cette avance.
Bizarrement mon coeur balance encore pour PHP ( mais pour combien de temps ? ).
C'est irrationnel, je sais. Pouvoir coder "à l'ancienne" avec de bonne vieilles fonctions et ne faire des classes métier que quand on a vraiment besoin possède un charme insensé ...

Coté PHP jqGrid propose tout un tas d'exemples à travers une page de démos d'une ergonomie à couper le souffle.
A découvrir absolument donc !!

Share Button