Il y a quelques jours (mois), je vous parlais de ressource (toolkit) HTML et CSS qui permettent de démarrer rapidement le développement d’un site. L’un deux, Bootstrap est passé à la version 2. Lire la suite
Internet
Utilisation du label dans les formulaires
Ce matin dans le train, je lisais « Mobile First » de Luke Wroblewski. Il y fait un bref étude de cas sur l’utilisation de la balise label dans les formulaires. Je trouvais intéréssant de partager la reflexion avec vous. Lire la suite
Google Zeitgeist 2011
Google retrace les évènements de l’année 2011 dans une vidéo (légèrement pro américains et pro Google).
C’est Noël chez Smashing Magazine
C’est la saison. Chaque site y va de sont lot de cadeaux (comprenez »articles à prix réduits ») pour les fêtes.
Amorçage de système, schéma bleu et consort
Vous le savez certainement, dans la vraie vie (celle où on ne « like » et « +1″ pas) mon boulot c’est de développer, maintenir, administrer, faire évoluer, etc. des sites web.
Un chose que j’apprécie, c’est créer les sites. Et par dessus tout, c’est la partie HTML et CSS qui me procure le plus de satisfaction (oui, ça fait peur).
A l’époque, on codait tout de A à Z, on créait sa structure soi-même en se battant avec des « padding » et « margin ». On prenait des heures à décider quel rapport de taille entre le titre de niveau un et de niveau deux.
Mais ces dernières temps, on voit apparaître des framework (sorte de boite à outil) HTML et CSS qui nous facilite passablement la tâche… et ça marche. Lire la suite
Propriété des image : Facebook contre Flickr
Aujourd’hui, Flickr publie un article sur la propriété des photos qui sont téléversées sur le site.
J’ai toujours entendu que les photos que l’on mettait sur Facebook ne nous appartenaient plus et qu’ils pouvaient en faire ce qu’ils veulent. Sans m’être trop renseigné j’ai prôné cela auprès de mes connaissances.
Photos sur Facebook = le mal
Photos sur Flickr = le bien et mieux encore
Dans son article, Flickr nous dis que nous restons toujours propriétaire de nos photos. J’ai donc voulu en avoir le cœur net et j’ai sortie les règles contractuelles des deux sites.
Twitter en mode Delorean
Mais que c’est-il passé en 2010 ? Je vous le demande.
Twitter est là pour répondre à la question. En effet, le célèbre petit zozieau bleu (on dit plateforme de microbloging) nous sort quelques statistiques sur ce qui a été posté sur le site.
Au programme :
- Qui s’est qui a ouvert un compte. (On parle bien entendu des gens connu ou qui on beaucoup d’argent).
- Les sujet qui dont on a le plus parlé. (Comment ça, il n’y a pas la monté du LHC en LNA !?)
- Les images qui ont fait mouche. (Si quelqu’un trouve une meilleure traduction, je suis preneur)
- Les message les plus redzipétés. (C’est comme ça qu’on dit)
- et un truc promotionnel sur la nouvelle interface de twitter.
Tous ça pour apprendre que le Dalai Lama a ouvert son compte twitter en février déjà ! Comme quoi on a beau se ballader en peignoir orange et en schlappes toute l’année, on peut être un vrai geek.
Les bonnes pratiques du lien hypertexte
Dans le cadre du boulot, je suis tombé sur un article très intéressant traitant du lien hypertexte.
L’auteur analyse le lien d’un point de vue de l’ergonomie, de l’accessibilité et du référenceur.
Typo3 chez Infomaniak
Actuellement en train de développer un site Typo3 chez Infomaniak, je me rend compte qu’il y a quelques spécialités à prendre en compte. Les lister pourrait être une bonne chose afin d’éviter de de devoir effectuer plusieurs fois les mêmes recherches (et si en plus ça peut être utile à d’autre). Alors voici sur quoi je suis tombé.
Flickr change son design
Le site de partage de photo met son design à jour. Il ne s’agit pas d’une refonte complète. La page photo ainsi que votre « stream » (fil de photo ?) uniquement son mis au goût du jour.
Chat roulette et un piano = des vidéos bien marrantes
Chatroulette est un service qui fait pas mal de bruit ces dernier temps sur la toile. Ce service de chat permet de dialoguer avec de parfaits inconnus. En effet, c’est de manière aléatoire que votre interlocuteur est sélectionné.
Générer une image contenant plusieurs lignes de texte
Un petit truc pour mes amis « typoteurs ». Typo3 permet de créer du texte sous forme d’image. Mais voilà, l’objet Gifbuilder qui permet cela ne gère pas le multi ligne automatiquement.
Voici comment y parvenir …
Tag-toi dans Flickr
Vous savez certainement que je suis un addict à Flickr. Je ne pouvais donc pas passer à côté de cette nouvelle.
Depuis quelques jours (même quelques semaines maintenant), les utilisateurs de Flickr ont pu voir une nouvelle fonctionnalité apparaitre. Il est maintenant possible de taguer les personnes sur vos photos.
Surfer sur la « Wave »
Les équipes Google viennent de sortir leur révolution (c’est eux qui le disent). Il est prévu que Google Wave prenne le pas sur les vieillissants courriels.
Flickr Expo
Vous avez toujours rêver de gérer une exposition photo ? Et bien maintenant avec Flickr c’est possible.
Je sens que je vais aimer ça 
En passant, allez jeter un coup d’oeil à « Contemporary Black & White Portraiure« . C’est juste magnifique
NetNewsWire aime Google Reader
Si vous êtes un gros lecteurs de flux, vous êtes certainement au courant: La nouvelle version béta de NetNewsWire se synchronise avec Google Reader et ça c’est cool !
… et en plus c’est toujours gratos
Improving Code Readability With CSS Styleguides
huhu, un titre en anglais !
C’est vrai, j’aurais pu le traduire par « Faciliter la lecture des vos feuilles de styles CSS ».
Bref, tout ça pour attirer votre attention sur l’article du même nom (voilà d’où vient le titre 
) paru sur le site Smashing Magazine il y a quelques temps. Quelques exemples de commentaires vous y sont présentés. Ceux-ci permettent de rendre votre CSS plus digeste pour la personne qui passe derrière vous.
Combien de fois, je m’arrache les cheveux en m’amusant à relire des feuilles CSS mal construites, mal codées, mal pas commentées, etc.
J’essaie maintenant d’appliquer les recommandations que cet article nous propose. En tout cas, je peux vous dire que c’est bénéfique. Serte, au début on perd un peu de temps. Mais on se fait vite notre petite bibliothèque de commentaire prêts à l’emploi et tout ça va de plus en plus vite. Et comble du bonheur, je m’y retrouve dans mes CSS lorsque je code.
Safari en mode Debug
Le mode debug c’est cool. Et bien pour l’activer dans Safari, rien de plus facile. Il vous suffit de taper cette petite ligne de code dans le terminal.
defaults write com.apple.Safari IncludeDebugMenu YES
via Smashing Magazin
Alors Bernard, t’étais bourré ce week-end ? J’ai vu tes photos sur Facebook !
Beaucoup de monde cherche cette fonctionnalité dans Facebook sans jamais la trouver. Il faut dire que le géant bleu est particulièrement fort pour cacher ses fonctionnalités. Elles ne sont pas toujours très faciles à dénicher.
Celle que je vais vous décrire ci-dessous est très pratique si vous avez des collègues de boulot parmi vos amis. Quelques fois, on aimerait éviter que les collègues tombent sur les photos de soirée, où déchainé vous couriez tors nu dans toute la boite de nuit.
J’ai flouté les visages pour que les personnes ci-dessus gardent leur anonymat.
Dopplr, le carnet de voyage 2.0
Ça fait un petit moment que Dopplr existe. Mais je n’avais jamais testé ce site. Voilà qui est chose faite.
Dopplr c’est quoi ?
Ce site vous permet de saisir les voyages que vous avez et surtout ceux que vous allez faire. Jusque-là, rien de très impressionnant.
Là où ça devient sympa, c’est que vous pouvez bénéficier des astuces et bons plans des utilisateurs qui ont déjà visité les endroits de vos futures vacances. C’est comme ça que j’ai pu récolter quelques adresses de restaurant à San Francisco qui ont l’air bien sympa.
Dopplr vous permet également de voir les voyages de vos amis et de voir si vous allez aux mêmes endroits en même temps.
Je pense que vous allez me dire que ce n’est pas grand-chose. Oui, peut-être. Mais Dopplr le fait très bien. L’interface est vraiment sympa, l’humour est présent et la communauté active.
Si vous êtes un grand voyageur, je vous conseille d’aller y jeter un coup d’oeil.
Maintenant, je sais que j’ai la rapidité d’une tortue 