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.
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. 
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
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 à :
- vous retrouver sur la première page des résultats, l’article le moins cher en première position ?
- 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
Je 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
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 :
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
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.
tinyMCE.init({ ...
content_css : "tinyclasses.css" // relatif à http://domaine.com/mon_site/tinyclasses.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 :
tinyMCE.init({...
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;"
});
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
A Belcaire, dans l’Aude, les habitants ont eu accès à internet il y a environ 7 ans. Après quelques années de galère à 56K de
débit, ceux-ci se sont vite jetés sur le débit à 512k apparu 3 ans après. (eh oui la campagne à 1000m d’altitude, ce n’est pas une priorité).
Orange, entre autres, propose donc (et facture) un abonnement à 1 Megamax (l’offre 512 n’existe plus) à 29.90€. Mise à part que le débit n’a jamais dépassé les 150K, il n’est pas possible pour les abonnés Orange de faire évoluer leur abonnement car :
(Cliquez pour agrandir)
Alors on dispose d’une ligne téléphonique non éligible, tout en étant facturé d’une offre 1 Megamax depuis 4ans : entube, dysfonctionnement technique ou magie ?
Catégorie : Prises de position
On l’attendais depuis longtemps, la version 3 de PhpBB est sortie ce 13 décembre 2007 : PhpBB3 Olympus.
Actuellement je teste les Release Candidates en local, je vais d’ici peu mettre cette version stable en “production”.
Une documentation est disponible : Documentation phpBB3. Elle vous apprendra à installer et à utiliser correctement cette version et surtout comment mettre à jour votre PhpBB2 vers la version 3.
L’annonce officielle - Le téléchargement
Catégorie : PhpBB
Les sélecteurs CSS avancés simplifient (simplifieraient ?) la tâche de tout intégrateur. Ils permettent d’accéder à un élément ou à ses attributs sans lui spécifier de classe.
Des exemples pratiques :
Pour accéder seulement aux checkbox d’un formulaire :
input[type=checkbox]{margin:30px 0 0 0;}
Pour iconiser des liens (permet un fond de lien différent en fonction de la cible du href) :
a[href $='.pdf'] {
padding-left: 22px; background:url(img/pdf.gif) no-repeat left;}
a[href $='.rar'] {
padding-left: 22px; background:url(img/archive.gif) no-repeat left;}
a[href *="youtube.com/"] {
padding-left: 22px; background:url(img/youtube.gif) no-repeat left;}
Les sélecteur d’enfants (permet de cibler les enfants d’un élément) :
#contenu > p{padding:0 0 0 20px;}
ou
#contenu:first-child{padding:0 0 0 20px;}
qui permet de ne cibler que le premier enfant d’un élément.
Très pratique ! Et le “Mais” dans tout çà ? Eh bien il se nomme Internet Explorer 6 voyons ! Aucune de ces techniques n’aura les effets escomptés sur ce vieux navigateur.
Il existe une solution concernant le sélecteur d’enfant sur le JDN Développeurs.
Sinon l’ultime solution pour la totalité de ces techniques : Télécharger Firefox - Télécharger Opéra. Stop à l’utilisation d’IE 6 !
Catégorie : Développement web