Libre d'esprit » google http://libre-d-esprit.thinking-days.net Logiciels libres, joomla, talend, php, virtuemart, templates Joomla Sun, 21 Mar 2010 16:53:40 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Joomla : le CMS libre le plus populaire au niveau mondial ? http://libre-d-esprit.thinking-days.net/2009/05/joomla-le-cms-libre-le-plus-populaire-au-niveau-mondial/ http://libre-d-esprit.thinking-days.net/2009/05/joomla-le-cms-libre-le-plus-populaire-au-niveau-mondial/#comments Fri, 22 May 2009 20:47:54 +0000 Antoine http://libre-d-esprit.thinking-days.net/?p=330 Avez-vous déjà essayé de comparer la popularité des différents CMS libres  en utilisant Google Insights ?

Voici une petit comparatif au niveau national du volume de recherche de différents CMS libres connus : Joomla, eZPublish, Typo3, Drupal, Spip.

joomla_insights_france

au niveau national

Si avant 2006 SPIP était plus populaire, il s’est très vite fait distancé par Joomla qui, au passage est loin devant tous les CMS concurrents (au niveau popularité). Pour rappel, Joomla est né en août 2005 !

joomla_insights_world

au niveau mondial

Au niveau mondial, c’est encore plus frappant ! SPIP semble n’avoir jamais existé. Très honnêtement, je ne trouve pas normal qu’il est pris autant d’avance au niveau de la popularité face à ses concurrents. Drupal, par exemple, est loin d’être un mauvais CMS !

Ce genre de tests n’est pas complêtement innocent. Il est important lorsque l’on choisit une solution libre, que cette solution soit populaire. Car si la solution n’est pas populaire, il y aura une communauté autour du projet très faible, et la pérénité du projet ne sera pas sûre.

]]> http://libre-d-esprit.thinking-days.net/2009/05/joomla-le-cms-libre-le-plus-populaire-au-niveau-mondial/feed/ 4 Une technique CSS sympa de Google http://libre-d-esprit.thinking-days.net/2009/04/une-technique-css-sympa-de-google/ http://libre-d-esprit.thinking-days.net/2009/04/une-technique-css-sympa-de-google/#comments Thu, 16 Apr 2009 20:12:45 +0000 Antoine http://libre-d-esprit.thinking-days.net/?p=242 igooglenoborder1Les feuilles de styles des thèmes iGoogle sont souvent assez innovantes. L’espace horizontal de la page est occupé à 100% quelque soit la résolution de l’écran. Malgré l’absence de fond uni, l’espace est occupé par des images régulièrement espacées avec de légères variations. Il ne s’agit donc pas d’un simple fond répété.

J’ai donc fait un peu « d’ingénierie inverse » sur certains thèmes d’iGoogle pour comprendre comment cela est réalisé. Cette technique ne concerne pas uniquement l’intégration XHTML/CSS. Pour concevoir ce type de page, il faut instaurer un véritable échange créatif entre les artistes, et les techniciens, ce qui manque à mon avis souvent.

La technique consiste à créer une div (appelée « wrap-behind » dans le code présenté ci-dessous) avec comme image de fond une image répétée de façon horizontale (repeat-x), d’une largeur correspondant précisément au tiers de l’image large (300px).

A l’intérieur de cette div, on centre une div (« wrap-front ») occupant la largeur de la page, avec comme image de fond une image non répétée relativement large (900 pixels).

Les deux images ont bien sur été travaillées de façon à ce qu’aucun raccord ne soit visible… Les deux images de fond étant centrées horizontalement, les raccords entre images sont bons quelque soit la largeur de la fenêtre.

igooglewithborders

Voici ci-dessous le code source XHTML/CSS épure d’un thème iGoogle.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
  <head>
    <meta http-equiv="Content-type"
     content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>Technique CSS sympa de google</title>

    <link rel="stylesheet" type="text/css" href="style.css"
    media="screen" title="Normal" />
  </head>
  <body id='global'>
 
    <div id='wrap-behind'>
        <div id='wrap-front'>&nbsp;</div>
    </div>
  </body>
 </html>
#wrap-behind{
background:url('header_tile.jpg') repeat-x top center;
width:100%;
height:250px;
}

#wrap-front{
background:url('header_bg.jpg') no-repeat top center;
height:250px;
z-index:1;
}

html,body{
height:100%;
min-height:100%;
margin:0;
padding:0;
}

PS : Honnêtement, je ne sais pas si cette technique CSS porte un nom. Si c’est le cas, merci de la noter en commentaires … :-)

]]> http://libre-d-esprit.thinking-days.net/2009/04/une-technique-css-sympa-de-google/feed/ 2