15
déc

Le code Google Closure n’est pas très propre ?



Je partage cet article de Kevin Yank sur Sitepoint, qui critique le code de Google Closure.
En anglais : http://www.sitepoint.com/blogs/2009/11/12/google-closure-how-not-to-write-javascript/
Pour rappel Google Closure est un ensemble d’outils Javascript qui peuvent être utiles au développement des sites internet.

Depuis que Google nous parle de performances des sites web

  1. à propos de son impact sur l’indexation,
  2. avec Page Speed(Extension Firebug pour tester la performance des sites web)
  3. et SpeedTracer(Extension pour Google Chrome)
  4. etc,

cet article est un petit cheveu sur la soupe.

Kevin Yank relate diverses portions de code Javascript plutôt mal codées.
Un exemple qui parlera même aux débutants :

  1. for (var i = fromIndex; i < arr.length; i++) {

Où le calcul de la taille du tableau (arr.length) est fait à chaque tour de boucle, ce qui est plus gourmand en ressources qu’un stockage dans un variable de la taille du tableau.

Cet article ne se contente pas de relever les problèmes dans le code de Google Closure, il présente des solutions pour chaque point. Didactique !
Je suis de plus assez d’accord avec sa conclusion. On a peut-être pas grand chose à dire sur le travail des techniciens Google sur ce point là, mais bon c’est une licence libre et Google bénéficie d’un tel indice de confiance sur le web qu’un tel article peut parfois remettre certaines choses au point.



Catégorie : Sans categorie
9
sept

Expérience sociale d’un lycéen



Je viens de découvrir le blog d’Arthur X et je dois dire que je suis assez stupéfait. Arthur, un lycéen de terminale qui veut devenir journaliste, a décidé de tenter une expérience pendant son année scolaire.

Social Suicide

En gros, le mec arrive dans un nouveau lycée cette année 2009-2010, et va se faire passer pour le marginal de la classe (il l’explique mieux ici). Vous savez le genre de gars en dehors des normes, qui fait rigoler tout le monde malgré lui, sans trop d’amis avec une apparence trop originale. Ce gars dont tout le monde n’a rien à faire au mieux ou dont tout le monde se moque au pire.

Son blog Social Suicide va relater ses journées de lycéen, en fait il va raconter la vie de milliers de lycéens dont il va vivre la vie. Ces milliers de lycéens qui passent les pires années de leur vie à l’école, rabaissés par l’intolérance des gens et par une normalité pré-établie.

Je salue le courage d’Arthur, car maîtriser son image (qui est fabriquée de toute pièce) comme il l’envisage de le faire nécessite une grande confiance en soi, et une sacrée audace.



Catégorie : Prises de position
29
juil

Validation, un court métrage de Kurt Kuenne



Si vous avez 15 minutes devant vous, vous ne les perdrez pas en regardant ce court métrage de Kurt Kuenne (avec T.J. Thyne). Bon c’est en anglais, mais c’est très accessible.



Catégorie : Sans categorie
1
juil

Nethik, agence web et Terra-octet, service professionnel de transferts de fichiers



Je vais enfin pouvoir justifier la mise au ralenti de ce blog : le boulot !
En effet, depuis quelques mois, je me suis associé avec mes collègues de travail afin de créer notre agence web : Nethik.Logo de Nethik, agence web créative et solidaire

Nethik, composée de 7 salariés associés est une SARL SCOP, c’est à dire une société coopérative. Le principe est que chaque salarié détient une voix dans toutes les décisions de l’entreprise.
En incluant le salarié au coeur de la vie de la société, la Scop permet un investissement de chacun, au nom de tous.
L’éthique professionnelle (qualité, standards, relation client transparente) est un peu l’objectif que nous avons envie de donner à notre société.

Pour en savoir davantage, vous pouvez aller lire mon billet à propos de la forme juridique Scop sur le blog de Nethik. Logo de terra-octet, espace d’échange de fichiers lourds

Après la mise en ligne de la boutique d’objets déco Keladeco il y a peu, Terra-Octet vient de voir le jour !
Il s’agit d’une solution professionnelle d’échange de fichiers. Terra-octet permet de transmettre des données volumineuses (albums photos, vidéos, fichiers graphiques, fichiers clients, etc.) via une interface web (avec reprise des téléchargements échoués), via votre poste de travail (Webdav, Rsync), via FTP, et cétéra de manière sécurisée.

Vous pouvez tester via la démonstration et me donner votre avis !
Sachez aussi que nous reversons 10% des abonnements de Terra-Octet à des associations.

Pour en savoir plus, Sandrine parle de Terra-Octet sur le blog de Nethik.



Catégorie : Web
6
fév

E-boutique : Vos avis sur votre utilisation de tri et de pagination de produits



Au bureau, le débat fait rage, peut-être que vos avis pourront faire avancer nos points de vue.
Il s’agit de savoir quel type de comportement attendre d’une liste de produits d’une boutique Internet lors d’un tri.

Un exemple sera plus parlant :

Vous souhaitez acheter un écran plat sur une boutique Internet. Arrivé dans la rubrique des écrans, vous naviguez de page en page à la recherche de l’écran rêvé, jusqu’à arriver à la page 5 sur 10.
Le site vous propose un système de tri sur les articles proposés. Vous décidez de trier par prix croissant.

Vous attendez-vous à :

  1. vous retrouver sur la première page des résultats, l’article le moins cher en première position ?
  2. rester sur la page 5, et de ce fait, vous situer au niveau des produits du milieu de la gamme?

Cette question ergonomique pour un site d’e-commerce d’un client n’a pas fait aboutir notre débat à un consensus. Je n’ai pas de module de sondage installé sur ce blog, ce serait sympa de réagir et de voter en utilisant les commentaires.



Catégorie : Web
11
déc

Blogalwarming, l’environnement vu par des bloggueurs



BlogalwarmingJe vous annonce la mise en ligne d’un nouveau projet : Blogalwarming.
Il s’agit d’un blog communautaire sur le thème de l’écologie dont je fais partie. Ne pas hésiter à aller faire un tour la bas, il y a de fortes chances que la fibre écolo de ce blog (du moins ce qu’il en reste) déteigne sur Blogalwarming.
La vingtaine de contributeurs de ce nouveau blog va, je pense, permettre une grosse couverture de l’actu, ainsi que des débats de fond très intéressants.



Catégorie : Ecologie
21
mai

De la qualité des sites web, impôts, 404 and co



Ce soir j’ai pris mon courage à deux mains pour remplir ma déclaration de revenus sur Internet. Cool le site www.impots.gouv.fr met à disposition une aide au remplissage du formulaire. Youpi !

Joie de courte durée, car après 5 étapes, boom :

Impots et 404

Une belle erreur 404, la page demandée n’a pas été trouvée. Assez honteux pour un site gouvernemental de cette envergure.

La même chose après 3 essais, aucune donnée sauvegardée, aucune alternative proposée par la page d’erreur, bref énervé, j’abandonne pour aujourd’hui.



Catégorie : Web
1
avr

Appliquer des styles CSS à un élément de contenu WYSIWYG avec TinyMce



TinyMce est un éditeur de texte pour applications web. Pour en savoir plus, voir un comparatif de plusieurs éditeurs WYSIWYG.

Des classes à disposition de l’utilisateur

Avec TinyMce, il est possible d’offrir à l’utilisateur de l’outil, la possibilité d’appliquer des styles CSS prédéfinis (classes) au contenu à mettre en forme.
Pour cela, il suffit de créer une feuille de style avec les classes voulues et de la lier à TinyMce lors de son instanciation.

Des CSS personnalisés par défaut

Le paramètre suivant permet de “surcharger” la feuille de style par défaut de TinyMce. Cela permet par exemple de mettre en forme les listes à puces du contenu WYSIWYG de la même manière que dans le reste de votre application.

  1. tinyMCE.init({ ...
  2. content_css : "tinyclasses.css"    // relatif à http://domaine.com/mon_site/tinyclasses.css
  3. });

TinyMce et les styles CSS

Dans l’exemple ci-dessus, on a une instance de TinyMce, grâce à la méthode init().
Il suffit de passer un paramètre de plus comme ceci :

  1. tinyMCE.init({...
  2. theme_advanced_styles : "Applications=tiny-appli;Les plus=tiny-plus;Gamme=tiny-gamme;Rouge=tiny-rouge;Petite taille de police=fontSize1;Taille de police normale=fontSize2;Grande taille de police=fontSize3;Image à gauche=gauche;Image à droite=droite;"
  3. });

pour obtenir une liste déroulante des classes que vous aurez définies grâce au paramètre theme_advanced_styles sous la forme : {Intitulé=class;}



Catégorie : Développement web