J’inaugure aujourd’hui une nouvelle série d’articles récurants : chaque vendredi je vous posterais 7 liens vers de bons exemples de design glanés sur des sites comme CSS Vault, Stylegala ou CSS Beauty…
Des sites bien réalisés sont une bonne source d’inspiration pour les webdesigners et cela permet de se maintenir à la page, bonne visite !
Tags : design
En ce moment pour moi c’est plus ou moins les vacances, Actube passe donc en service minimum et cela devrait me laisser du temps pour réfléchir à l’orientation que je souhaite lui donner à partir de la rentrée…
En attendant, et comme je ne pars pas durant cette période, le blog ne sera pas arrêté complètement, je continuerai à rédiger quelques articles au gré de mes surfs et travaux sur mes différents projets.
De plus, je vous invite à visiter mon Photoblog, son activité est pour le moins inversement proportionnelle à celle de ce blog !
Cela fait maintenant quelques mois qu’Actualité Sciences a vu le jour et la fréquentation du site augmente tranquillement. Cela pourrai aller plus vite mais je ne fais pas trop de publicité avant d’avoir une version plus abouti, il reste en effet pas mal de choses à implémenter sur le site !
Cependant le code de cette première version est déjà bien stabilisé et je pense qu’il est temps de lancer le site dans d’autres langues. Il ne s’agira pas d’une simple traduction car les sources d’actualités scientifiques changeront entre les différentes versions. Le problème du moment est donc de trouver les bonnes sources d’information.
La version en langue anglaise devrait être la première à voir le jour d’ici peu de temps, suivie un peu plus tard d’une version espagnole puis allemande. Un nouveau nom de domaine a été créé pour ces deux dernières versions (et pour éviter de devoir trop en acheter) : elmu.org. “Élmu” veut dire “Science” en sundanais, la deuxième langue régionale d’Indonésie. Il devrait servir de portail mondial à terme et pourquoi pas accueillir un forum… Mais bon là on voit un peu loin, je vais me contenter de coder proprement le site en écoutant les avis de mes visiteurs et voir où tout cela nous conduira…
Tags : Élmu, traduction
L’identité visuelle d’un site Internet commence par une bonne charte de couleur. Ce principe peut sembler bien simpliste mais c’est pourtant ce que l’on retient le plus facilement : le rose et bleu de Flickr, le vert de Technorati… Il y a foison d’exemples !
Une bonne façon de procéder est de trouver la couleur principale, puis de rechercher des couleurs complémentaires qui vont bien avec. Le but de cet article n’est pas de parler de théorie des couleurs, sujet trop vaste pour être traité aussi succinctement, mais plus simplement de lister les meilleurs outils en ligne dédiés à cette tache.
Trouver de l’inspiration :
Trouver une couleur principale :
Trouver des couleurs complémentaires :
Essayer des variations de ces couleurs sur un layout simplifié :
J’espère que ces liens vous serons utiles. J’ai procédé à une sélection importante pour ne retenir que les meilleurs outils, mais si vous pensez qu’il en manque, n’hésitez pas à l’indiquer en commentaire, c’est fait pour ca !
Comme vous le savez, ce blog est maintenant propulsé par WordPress et lorsqu’il a fallu choisir un thème, j’ai opté pour le thème Sandbox. Ce choix fût naturel étant donné les qualités du code produit :
Seulement ce thème est en anglais et je veux quelque chose d’entièrement en français si possible. N’ayant rien trouvé sur le net, je me suis attelé à la tache, mais heureusement les développeurs y avaient pensé et l’ont codé dans cette optique. On trouve en plus de bons articles sur le net, par exemple Anders Dahnielson qui a déjà traduit Sandbox en suédois ou la série de tutoriel sur le blog “la 57ième boule de cristal“.
En gros, sous GNU/Linux (mais la procédure doit être sensiblement la même sur les autres OS), il faut se servir de l’utilitaire xgettext pour générer un fichier .pot, puis de PoEdit qui nous donnera un fichier .po (version source) et .mo (version compilée). Il suffit ensuite de placer le fichier .mo (fr_FR.mo pour nous français) dans le dossier du thème et comme par magie tout est en français !
Je vous livre donc ces fichiers, mais gardez à l’esprit qu’il s’agit d’une première version, peut-être y ai-je laissé traîner des fautes ou peut-être ne serez vous pas d’accord avec ma traduction… Auquel cas servez vous de PoEdit pour modifier le fichier fr_FR.po et n’hésitez pas à me faire connaître vos modifications. J’ai de plus ajouté quelques ligne de code dans certains fichiers .php du thème, si cela devait entraîner des problèmes, prévenez moi et je générerais de nouveaux fichiers basés sur une version propre de Sandbox.
Fichiers du thème Sandbox en français : fr_FR.po, fr_FR.mo.
Tags : Debian, GNU/Linux, sandbox, traduction, Wordpress
Vous n’avez pas pu manquer d’entendre parler de Twitter, un des buzz du moment avec l’iPhone d’Apple, et peut-être même l’utilisez vous. Mais dans ce cas, vous avez dû remarquer que, par défaut, tout ce que vous dites est rendu publique ?
Des petits gars de l’Université du Maryland ont developpé un site permettant de rechercher tous les messages contenant un ou plusieurs mots clés. La mise en forme du résultat est plutôt sympa et inclus une carte Google Maps ainsi que des graphiques de fréquence sur la journée et la semaine.
Faites attention à ce que vous dîtes, on nous surveille ! Un exemple sur la requette “sleep“… Je vous laisse imaginer ce qu’on peut faire avec ce genre de chose…
À noter que vous pouvez bien sur désactiver l’affichage publique de ce que vous écrivez sur Twitter…
Mais ce n’est encore rien par rapport à un récent article du monde : grace à vos téléphones portables, il est maintenant possible, non seulement de savoir ou vous êtes, mais également de suivre les mouvements d’une foule en un clin d’oeil !
La technologie c’est bien mais il va falloir faire une croix sur notre intimité, si tant est que cela n’est pas déjà le cas depuis longtemps…
Et voila, la migration est achevée et tout semble s’être bien déroulé ! La transition se fait sans perte au niveau des articles car les gars de chez WordPress ont tout prévu. Le contenu de la base de donnée Dotclear a pu être récupéré presque sans problème. Seul ombre au tableau : les accents n’ont pas été bien converti.
La solution nous vient du blog de Revolunet, si vous rencontrez le même problème et que vous avez accès à PHPMyAdmin, il vous suffit d’utiliser la requête suivante :
update wp_posts set post_title=replace(post_title,“Ô,“à”);
Où le second argument de la fonction replace() est le caractère mal encodé et le troisième est la version corrigée. Cela permet de remplacer d’un coup toutes les occurrences de ce caractère et fait gagner pas mal de temps.
Outre ce problème d’accents, il faut penser à indiquer à Google les nouvelles adresses des anciens articles. Cela se fait au moyen d’une redirection 301 grace à une règle que l’on ajoute au fichier .htaccess. Le blog de Michaël Uyttersprot tombe à pic pour ceux qui n’aiment que moyennement les expressions rationnelles… Pour ma part, j’ai dû quelque peu adapter sa solution à mon cas, mais rien de bien méchant.
Pour des url du type blog.bigvicente.com/?2007/06/28/31-actube-[…]me, voici les lignes à ajouter en haut du fichier :
RewriteEngine On
RewriteBase /
RewriteCond %{QUERY_STRING} [0-9]+/[0-9]+/[0-9]+/[0-9]+-.+
RewriteRule ^$ http://blog.bigvicente.com/%{QUERY_STRING}/? [R=301,L]
RewriteRule ^([0-9]+)[/]([0-9]+)[/]([0-9]+)[/][0-9]+-(.+)$ http://blog.bigvicente.com/$1/$2/$3/$4? [R=301,L]
Comme vous pouvez le constater en cliquant sur le lien précédent, nous arrivons bien sur le billet et le navigateur est informé de la nouvelle adresse.
La suite du programme concerne le flux RSS avec l’utilisation de FeedBurner, mais ca c’est pour demain !
Tags : dotclear, migration, url rewriting, Wordpress
Drôle de titre non ? C’est la notation HTML de la nouvelle couleur principale du blog, il s’agit d’un bleu-vert un peu désaturé. J’ai donc réussi à m’éloigner des bleus que je case dans tout mes designs… Mais pas de beaucoup !
Celui ci sera entièrement réalisé en CSS en dehors d’une ou deux images pour les dégradés et le logo. Le thème Sandbox est un régal à habiller et si je ne gagnerai sûrement pas le concours à cause de la simplicité de mon design, je pense que la nouvelle version du blog devrait entraîner pas mal de changement au niveau du fond… Mais je ne vous en dis pas plus pour le moment, cela demande encore un peu de réflexion.
Quoi qu’il en soit encore quelques améliorations et bug à fixer et Actube basculera officiellement sous Wordpress !
À l’heure actuelle, Actube est propulsé par Dotclear 1.2 mais cela va changer. Dotclear est une bonne plateforme de blog mais la version 2.0 se fait trop attendre et plein de petites choses me pourrissent la vie dans la version 1.2. Le spam est la première de ces choses, avec des centaines de messages par jour il devient impossible de filtrer quoi que ce soit manuellement, et même si la version 2.0 semble bien améliorer les choses, cette dernière est toujours en beta… Depuis fort longtemps.
Et si Dotclear est une bonne plateforme de blog, il en existe une autre toute aussi bonne et plus pratique au niveau de l’interface d’admin à mon gout : Wordpress. Je l’utilise sur mon photoblog et je dois dire que j’en suis ravi ! Il existe en plus un projet de thème axé respect des standards et accessibilité dont la démarche me plait au plus haut point : Sandbox.
Si je veux pouvoir développer ce blog comme je l’entend, il me faut les bons outils. Cela va donc passer par une migration chez Wordpress et le développement d’un design pour le thème Sandbox. J’espère que cette tache sera vite achevée !
Alors que je vous parlais des dernières nouveautés de Google Earth dans mon billet précédent, Google frappe à nouveau et cette fois il y va fort ! Avez-vous déjà rêvé d’une immersion encore plus poussée en parcourant les vues satellites de Google Maps ou Google Earth ? Si voir un bâtiment où un paysage depuis le dessus était déjà sympa, Google s’est dit que l’on pouvait pousser plus loin l’expérience, de ce constat est sorti Google Street. Il est dorénavant possible de voir l’environnement comme on le verrait depuis le sol ! Cela semble fou mais c’est bien réel.
Comment cela est il possible ? En fait le procédé est très simple, c’est l’échelle qui en est hallucinante ! Nous connaissions tous les photographies panoramiques permettant une immersion importante dans le décor… Or si l’on réalise des panoramiques à intervalle régulier, disons tout les quelques mètres, il est possible de simuler un déplacement en passant d’une vue à l’autre… L’idée est simple, la réalisation à l’échelle d’une ville en est tout autre ! Et pourtant c’est ce que vient de faire Google sur plusieurs grandes villes américaines : San Francisco, Las Vegas, Denver, Miami et New York !
Pour voir cela rien de plus simple, rendez-vous sur Google Maps et cliquez sur “Street View”, bon voyage !
Tags : google
