15 novembre 2010 14 commentaires — domains, uri, url, web, www
www
Pourquoi ne plus utiliser « www. » quand on donne un lien vers un site :
« Le World Wide Web est la seule chose que je connaisse pour laquelle la version plus courte est trois fois plus longue à dire que l’expression entière. » Douglas Adams
Quelques sites qui les retirent tout le temps :
Un site qui en mets deux :
10 novembre 2010 1 commentaire — paris web, référencement, texte
Jean-Marc Hardy
Mon résumé de la conférence sur la puissance du texte sur le Web à Paris Web 2010 par Jean-Marc Hardy.
Même si une image vaut mille mots on la compte tout de même en mots
Le référencement passe forcément par du texte.
Le texte attire plus l’attention que les images. Le texte est la première chose vue par l’œil dans les premières millisecondes. Les publicités textuelles de Google Ads fonctionnent mieux que les images.
Le texte reste la meilleure façon d’inviter au clic. Changer un bouton Continue en Check availability donne +230% de conversion.
Pas de jargon, utiliser les mots des gens. Par exemple :
« Low fares » 40 000 recherches
« Cheap flights » 25 000 000 recherches.
Ne pas utiliser des liens/boutons au libellé générique (cliquez-ici, continuer…)
Les 11 premiers caractères d’un titre sont les plus lus, donc les plus importants
Coller aux recherches ciblées qui intéressent plus les visiteurs et où il y a moins de concurrence.
Utiliser le moteur de recherche interne du site pour trouver les mots clefs importants.
Dans les titres utiliser un mot clef générique puis la marque, par exemple « Video Technology – Adobe ».
Se focaliser sur les deux premiers mots des titres.
Utiliser des chapôs, il sont très lus (30-50 mots maximum).
Mettre des légendes sous les images.
Utiliser les mots pour rassurer, comme Amazon qui utilise comme intitulé de lien « pourquoi cette opération est sans danger » plutôt que « conditions d’utilisation ».
Garder une cohérence syntaxiques dans les menus, ne pas mélanger verbes et questions.
8 novembre 2010 2 commentaires — agence, communication, cosmic, emails, évangélisation, paris web, standards
Revenu de Paris Web 2010 remonté à bloc je fais profiter mon agence des conférences auquel j’ai assisté.
Pour ça j’envoie des résumés des conférences les moins techniques par email à toute l’entreprise.
Faites-en autant car ça permet de :
Et par dessus tout ça me sert de base pour faire quelques articles sur mon blog.
6 novembre 2010 6 commentaires — accessibilité, articles pour cosmic, firefox, mobile, mobilité, paris web
Un responsable accessibilité chez Adobe ??!1
Mon résumé de la conférence Paris Web 2010 sur la Conception Universelle de Matt May, responsable accessibilité Adobe.
Parce qu’il y a beaucoup :
On ne peut pas créer une version par support, une version par handicap.
Il faut donc tenter d’aller vers une conception universelle, terme un peu utopique, plus large qu’accessibilité (trop lié au handicap).
Créer One Web.
30 octobre 2010 1 commentaire — bonnes pratiques, paris web, performances, web
« Motion blur » de theomonnie
Pourquoi faut-il prendre du temps à optimiser une page web pour qu’elle se charge rapidement ? Quelques statistiques tirées de conférences Paris Web.
Sources :
30 octobre 2010 1 commentaire — conférences, paris web, photo, redheads, webdev
Father and son by Rik24d
Facts:
24 octobre 2010 6 commentaires — api, deezer, firefox, greasemonkey, javascript, last.fm, music, radio, web
Utilisateurs de Deezer vous pouvez enfin envoyer la musique que vous écoutez sur Last.fm. Si si. Carrément. Pincez-vous.
Pour ça il vous faut Firefox armé de GreaseMonkey et installer mon script. Allez sur Deezer, autorisez le script à scrobbler et c’est tout.
Bonne musique ! Voilà un album si vous ne savez pas avec quoi l’essayer. Ah et le code est par ici.
(Désolé utilisateurs de Chrome, l’implémentation de GreaseMonkey est trop pourrie, on peut même pas faire d’XMLHttpRequest
.)
18 août 2010 2 commentaires — ascii, calendar, festival, geek, music, rock
__________ __ \______ \ ____ ____ | | __ ____ ____ | _// _ \_/ ___\| |/ / _/ __ \ / \ | | ( <_> ) \___| < \ ___/| | \ |____|_ /\____/ \___ >__|_ \ \___ >___| / \/ \/ \/ \/ \/ _________ .__ / _____/ ____ |__| ____ ____ \_____ \_/ __ \| |/ \_/ __ \ / \ ___/| | | \ ___/ /_______ /\___ >__|___| /\___ > \/ \/ \/ \/
Voici les concerts que je veux voir à Rock en Seine 2010.
Je représente le temps grâce à la joie du monospace et des caractères exotiques grâce à Unicode. Et le tout avec l’aide de sphax3d.
21 juin 2010 17 commentaires — domains, idéaux, rant, url, web, www
Les utilisateurs ne comprennent rien aux URLs. On ne peut pas les blâmer car c’est compliqué d’en décoder une. Pourtant elles sont la meilleure façon de se protéger du phishing.
L’ordre des parties est illogique. Je m’en plaignais déjà dans les commentaires, la plus haute autorité pour une adresse (le nom du site) est en plein milieu de l’adresse et l’ordre de lecture est différent pour le domaine et l’adresse.
4 | 3 | 1 | 2 | 5 | 6 | ||
https:// | secure | .elysnet | .hsbc | .co.uk | /pay | /form | .html |
https://foo:bar@[4242:baaa::4242]:4242/qux/corge.php?grault=garply&waldo=fred#thud
est un exemple d’URI qu’un utilisateur est sensé savoir décortiquer.
Les suffixes de noms de domaines .org
, .com
, .net
, .info
, … ne veulent plus rien dire.
Les entreprises doivent acheter tous les noms de domaines de leurs marques pour chaque suffixe rien que pour ne pas se les faire piquer. C’est un jeu sans fin car on continue de créer de nouveaux suffixes.
Le nom de domaine principal attendu par tout le monde est le .com
.
Les suffixes qu’il est possible d’acheter peuvent être décomposés comme .co.uk
, pvt.k12.wy.us
et la liste de suffixes publics est longue et doit être maintenue.
Les www
ne servent à rien. Retirons-les.
Les //
sont inutiles également, l’inventeur du Web s’en excuse.
En changeant les URLs telles qu’on les les connaît on pourrait avoir :
http:google
http://www.google.com/
https:google.mail
https://mail.google.com/
http:flickr.static.farm5/4008/4307231011_ce7f628393.jpg
http://farm5.static.flickr.com/4008/4307231011_ce7f628393.jpg
Plus court, plus simple, respectant l’ordre de lecture, la plus haute autorité du lien serait le premier mot après http:
.
Malheureusement le gain est trop petit pour changer une infrastructure et des habitudes aussi énormes. Dommage.
19 juin 2010 2 commentaires — images, unicode, web
☀ ☼ ☽ ☾ ☂ ☔ ☁ ☃ ☄ ☎ ☏ ✉ ⌨ ✍ ✌ ☯ ☺ ☻ ☹ ☠ ☢ ☣ ✆ ✇ ♨ ✎ ✏ ✐ ✂ ✄ ✈ ♻ ♜ ♞ ♝ ♛ ♚ ♟ ♖ ♘ ♗ ♕ ♔ ♙ ☬ ☭ ❤ ❥ ❀ ➳ ☜ ☝ ☞ ☟ ★ ✪ ✰ ♬ ♀ ♂ ⚤ ⚣ ⚢ ⚥ ⚦ ⚧
18 juin 2010 3 commentaires — font-face, html, images, performances, sprites, unicode, web
Depuis que @font-face est utilisable partout, on a envie de pousser les limites de son utilisation. Utiliser des générateurs automatiques, créée des police d’écritures qui ne transforment que le caractère &
, etc.
Dans l’article ever- thought about using font face for icons? ils expliquent comment faire une page où toutes les images seraient contenues dans un fichier de police. En appliquant chaque icône à une lettre, on a des images dans la police d’écriture
Cela donne des images :
Mais cette technique souffre de serieux points faibles. En plus d’être plus difficile à maintenir, il faut choisir entre un HTML qui n’a aucun sens comme <span class="phone-icon">a</span>
ou une feuille de style CSS imbitable qui ne fonctionne pas sous IE :
.phone-number:before {
content: 'a';
font-family: "Mes Icônes"
}
La solution serait de ne remplacer que les quelques caractères Unicode qui représentent déjà des icônes. Ainsi on garde du sens à l’HTML et on peut profiter de la cascade des polices d’écriture disponibles.
9 juin 2010 1 commentaire — clearideaz, cosmic, image, ironie, logo, sunfox
Les gens qui me font un logo aussi chouette et une bannière d’enfer par la même occasion en à peine trois petites minutes je les déteste.
17 février 2010 — apéro, git, github, html, javascript, ruby, sinatra
Le dix-huitième Apéro Ruby organisé par Ruby France était tourné autour de GitHub. Étaient présents les géniaux Scott Chacon et PJ Hyett de GitHub.
Schacon a présenté ShowOff, son application Ruby pour faire des présentations. Pas aussi bien qu’HTML5 Slides, mais je ne suis pas très objectif sur le sujet. Sinon c’est Sinatra, markdown, HTML, JS, que du bon et plein de bonnes idées pour la suite. Ses slides sont même un fork sur GitHub. Miam.
S’en sont suivi plein de questions sur GitHub. Plein de bonnes choses de prévues comme pouvoir utiliser SVN avec n’importe quel dépôt GitHub, ou auxquelles ils réfléchissent sérieusement comme les tickets et le wiki dans une branche du dépôt. Ils m’ont même assuré que l’internationalisation arrivait d’ici une semaine ou deux. \o/
Oh et c’était open bar. Thanks GitHub!
15 février 2010 3 commentaires — chat, facebook, im, xmpp
Vous utilisez un client de messagerie instantanée qui supporte XMPP (aussi appelé Jabber) comme Pidgin ou Adium ? Vous pouvez dorénavant discuter avec vos contacts Facebook sans passer par un plugin qui ne fonctionne qu’à moitié ou un formulaire qui demande votre date de naissance.
Créer un nouveau compte avec comme protocole « XMPP » et comme domaine chat.facebook.com
. Comme utilisateur et mot de passe ceux de Facebook (en prenant soin de vous choisir un nom d’utilisateur Facebook si ce n’est pas déjà fait). Enfin, penser également à désactiver la connexion sécurisée SSL/TLS.
14 décembre 2009 7 commentaires — domains, online, payment, rant
The last website where I entered my credit card info was www.securepaiement.elysnet.hsbc.fr
. This domain name is way too long.
Dear online payment solutions, if you want people to look at the domain name to make sure they don’t get phished, use shorter domains! You might then find out it’s easier for people to trust a plain simple hsbc.fr
.
16 octobre 2009 12 commentaires — décentralisation, distribution, openid, web, webdev
Facebook, Flickr, Delicious, Twitter, … nos données et nos identités ne nous appartiennent plus. Chacun devrait pouvoir héberger soi-même ses données et ses applications et être maître de sa propre identité. Le Web tel qu’il a été imaginé.
Le plus court chemin vers la liberté passe par son propre domaine. Mais le gros frein à la décentralisation reste d’avoir un hébergement à soi puis d’installer et de mettre à jour chaque application. C’est long, c’est compliqué et les configurations sont toutes différentes.
La Distribution est la solution pour reprendre le contrôle. Elle permet d’installer un blogware, un wiki ou un forum en un clic. Mais ce n’est pas tout :
Testez donc La Distribution sur votre serveur, envoyez du feedback, partagez l’info, décentralisez vos infos.
Ah et joyeux anniversaire à François Hodierne, le valeureux créateur de La Distribution :)
13 octobre 2009 4 commentaires — conférences, css, html, parisweb, quotes
© Thanh
L’édition 2009 des conférences Paris Web est terminée. Une fois de plus la grande qualité des conférences et le bon esprit qui règne étaient là. J’ai a-do-ré.
Quelques citations :
Devenez maître HTTP Karl Dubost
Flash doit être détruit Daniel Glazman
Hire only one junior for every two seniors Stephanie Troeth
Votre responspabilité est de ne plus développer pour IE6 Daniel Glazman
Make people happy to enter your forms Christian Heilmann
Everything that is beautiful is challenging Molly Holzschlag
Set aside QA for refactoring days Stephanie Troeth
IE6 rajoute 2 de degrés de complexité, 5 de maintenance Daniel Glazman
Karl chez Phéromone c’est un pléonasme Daniel Glazman
Faites un grep de vos feuilles de style pour trouver les couleurs identiques Nicole Sullivan
Quality comes from people, not processes Stephanie Troeth
Ajoutez vous-même la recherche Google vers votre nom dans vos lettres de motivation Karl Dubost
Il y a une taxe IE6 Karl Dubost
I don’t use classes unless I must Molly Holzschlag
Social engineering basics: show authority, fake need of urgency, take over responsibility Christian Heilmann
HTML 5 va sauver Ségolène Royal Daniel Glazman
IE6 sera négligeable en mai 2010, éteint en mai 2011 Daniel Glazman
Mes domaines c’est le passé, mon identification c’est le futur Eric Daspet
Document decisions only Stephanie Troeth
Works in all « navigators » Molly Holzschlag
La perte d’une certaine pudeur comme la perte de la pureté sont les causes profondes de la décadence du monde. Mère Teresa
Après tout ça j’ai des milliers de nouvelles idées et de choses à faire. Par exemple il faut que je me renseigne sur l’HTTP « bis » qui est en cours de discution au w3c, que je lise cette documentation sur le cache, que j’installe phpsecinfo, que je lise à propos des méthodes agiles de Jeff Patton, que j’utilise les favelets de Stéphane Deschamps, que je regarde de plus près les CSS media queries, que je me remette à jour dans mes sauvegardes, que je retrouve la proposition de Daniel Glazman sur les règles CSS qui permettent de cibler la disponibilité de certaines propriétés dans les navigateurs, que j’implémente Foaf+SSL quelque part, que je mette la main à la pâte sur La Distribution, …
Merci Paris Web !
16 septembre 2009 18 commentaires — hommes, hygiène
© mayhem
15 septembre 2009 1 commentaire — festival, music, rock
Cet été j’avais envie de concerts. Avec Solidays en juillet et Rock en Seine en août j’ai été servi.
Solidays | Rock en Seine | |
---|---|---|
Une photo | Keziah Jones © monsieurlam |
Them Crooked Vultures (John Paul Jones, Dave Grohl et Josh Homme) © Maxime Dodinet |
Concerts qui m’ont marqué |
|
|
Nombre de jours | 3 | 3 |
Prix | 45 € | 99 €* |
Annulations | Joey Starr | Oasis* |
Site web | Full-flash tout nul, musique automatique au démarrage, animation d’introduction emmerdante |
Flash mais pas partout, musique au démarrage |
Accès et transports | Ok | Ok |
Derniers métros | Ok | Ok |
Derniers RERs | Ratés | Ratés |
Suis passé au stand VIP | Non | Oui |
Inscrits sur Last.fm | 127 | 445 |
Nombre de personnes que je connaissais ou qui me connaissais croisées | 3 | 1 |
Programmation | 6/10 | 9/10 |
Découvertes | 5/10 | 8/10 |
Propreté | 9/10 | 8/10 |
Expositions en plus | 5/10 | 7/10 |
Bonne cause | 10/10 | 0/10 |
Note globale | 6/10 | 8.5/10 |
* Oasis a été annulé pour Rock en Seine mais je ne les attendais pas tellement, je suis donc ravi de me voir remboursé 15 € sur le prix de mon billet.
Rock en Seine l’emporte donc dans mon petit cœur, surtout par sa programmation malgré le double du prix. Déjà hâte d’y être l’année prochaine :)
9 septembre 2009 1 commentaire — blog, voyage
J’offre un petit coup de pouce de 15 € à un brave garçon qui vient de partir faire le tour du monde en un an. En échange il m’enverra pour mon anniversaire une carte postale d’Oulan Bator. Un endroit que je ne connaissais même pas.
Allez-donc suivre le carnet de voyage de Joachim et devenez vous aussi un microsponsor de son aventure.
est un développeur web vivant à Paris — Contact — Archives
Textes et contenus sous licence Creative Commons.