Positionnement de son site dans les moteurs de recherche

Voici un petit outil bien pratique pour connaître le positionnement de son site dans les moteurs de recherche, et ceci en fonction des mots clé.

Il se présente sous le forme d'un plugin Firefox :
http://www.websiteburo.com/goldorank/index_fr.php

Un autre outil, online cette fois :
http://www.pagerank-gratuit.com/

Trouver des icônes

Voici une petite liste de sites où on peut trouver des icônes :

Looks sympas !

Petite sélection de sites qui ont un look sympa :

http://netdna.webdesignerdepot.com/uploads/2008/12/rinwendy.jpg

Authentification avec OpenID et Django

Comment proposer à l'utilisateur une solution simple et élégante pour s'authentifier sur un site ?

Une bonne piste est à creuser du côté de OpenID. Via un système décentralisé, cette solution permet à un utilisateur d'utiliser son compte Google, Yahoo, etc pour se connecter à n'importe quel site compatible OpenID.

C'est très agréable pour l'utilisateur car une fois connecté à sa boîte Gmail par exemple, il peut également se connecter de façon transparente à n'importe quel site (compatible OpenID) sans avoir à renseigner de login / mot de passe.

Google App Engine Utilities

Voici une collection de petits outils python pour faciliter la vie des développeurs sous Google App Engine : GAEUtilities

On y trouve :

  • un outil pour gérer les sessions
  • un système de gestion d'évènements
  • et d'autres outils
http://gaeutilities.appspot.com/
http://code.google.com/p/gaeutilities/

Maquettes d'écrans

J'aime imaginer une nouvelle application du point de vue IHM. C'est pour moi une étape essentielle qui doit être positionnée le plus en amont dans un projet.

Je trouve que ça permet de mettre en évidence les fonctionnalités importantes et s'assurer que le modèle (objets, etc) colle bien avec le besoin utilisateur.

Je suis tombé sur un site qui permet de faire des maquettes fonctionnelles online. Super idée je trouve !

A tester... je l'ai utilisé 5 minutes et ça manque un peu d'intuitivité je trouve mais ça vaut le coup d'approfondir...

http://gomockingbird.com/mockingbird/

Edit in place

Edit in place : en HTML/Javascript ça veut dire pouvoir modifier les données (d'une grille par exemple) juste en double cliquant ce qui fait apparaître le formulaire de saisie

Voici une liste de technique (que je complète au fur et à mesure de mes recherches) :

  • Jeditable plugin jQuery
    Voici en quelques lignes comment ça s'utilise :

       1:  <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
       2:  <script src="jquery.jeditable.mini.js" type="text/javascript" charset="utf-8"></script>
       3:  <script type="text/javascript" charset="utf-8">
       4:  $(function() {
       5:    $(".dblclick").editable("echo.php", { 
       6:        indicator : "<img src='img/indicator.gif'>",
       7:        tooltip   : "Doubleclick to edit...",
       8:        event     : "dblclick",
       9:        style  : "inherit"
      10:    });
      11:  });
      12:  </script>
      13:  [...]
      14:  coucou <span class="dblclick" id="monid">Sophie</span> !!!

Formater du code source pour son blog

Quelques pistes pour formater proprement du code source pour mettre dans son blog ou ailleurs :

Menu horizontal en CSS

Un grand classique en HTML : comment faire un menu horizontal un peu "stylé" en CSS
Il y a beaucoup d'exemples sur le net !

J'en ai fait un rapide. Il n'est pas encore très stylé mais au moins il y a les grands principes.

Par contre le div qui encapsule le menu n'arrive pas à contenir totalement le menu. Il "déborde" du fait du padding. Je n'arrive pas à comprendre, je pensais que le padding de l'élément contenu oblige l'élément parent à s'agrandir. A suivre...

Voir le résultat

   1:  <html>
   2:      <head>
   3:          <title>Test menu</title>
   4:          <style type="text/css">
   5:          <!--
   6:              body {     margin: 0; 
   7:                  padding: 0; 
   8:                  font: 1em "Trebuchet MS",Arial,sans-serif ; }
   9:              div#head { 
  10:                  background: #c00; }
  11:              ul#menu { 
  12:                  margin: 0; 
  13:                  padding: 0; 
  14:                  list-style: none; 
  15:                  text-align: center; }
  16:              ul#menu ul { 
  17:                  padding: 0; 
  18:                  margin: 0; }
  19:              ul#menu li { 
  20:                  display: inline; 
  21:                  margin-right: 1px; 
  22:                  color: #fff; 
  23:                  background: #aaa; 
  24:                  padding: 0; 
  25:                  margin: 0; }
  26:              ul#menu li a { 
  27:                  padding: 4px 20px; 
  28:                  background: #000; 
  29:                  color: #fff; 
  30:                  text-align: center; 
  31:                  text-decoration: none; }
  32:              ul#menu li a:hover, #menu li a:focus, #menu li a:active { 
  33:                  background: #900; 
  34:                  border-bottom: 3px solid #000; }
  35:          -->
  36:          </style>
  37:      </head>
  38:      <body>
  39:          <div id="head">
  40:              <ul id="menu">
  41:                  <li><a href="#">Menu 1</a></li>
  42:                  <li><a href="#">Menu 2</a></li>
  43:                  <li><a href="#">Menu 3</a></li>
  44:                  <li><a href="#">Menu 4</a></li>
  45:              </ul>
  46:          </div>
  47:          <br/>
  48:          <div id="body">
  49:              Mon blabla
  50:          </div>
  51:      </body>
  52:  </html>

Eclipse & Django

Eclipse ne reconnaît pas certains objets et fonctions de Django
Voir les copies d'écran ci-dessous

J'ai dû oublier un paramétrage de Pydev
Si quelqu'un a eu ce problème, qu'il n'hésite pas à m'indiquer la solution :)


Django et Google App Engine

Django est un framework web pour le langage Python. Je le teste depuis quelques jours et je suis plutôt séduit par ce framework et ce langage. Simple, intuitif, rapide à mettre en place, par ailleurs il me semble que Python se démocratise peu à peu en France (de même que Django?).

J'ai pendant un bon moment hésité entre Ruby On Rails et Django. Au fond je sais que ces 2 frameworks permettent de faire plus ou moins la même chose. Je suis de ceux qui estiment que la technologie n'est pas l'enjeu principal, mieux vaut se concentrer sur l'essentiel, à savoir les idées. La technologie n'est pas qu'un outil.

J'ai finalement opté pour Python & Django. Ce qui m'a décidé : Google App Engine supporte bien Python et plutôt bien Django. C'est sans doute idiot comme raison mais il en fallait bien une. La bonne nouvelle c'est que je vais pouvoir jouer à l'apprenti sorcier sans rien débourser.