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.
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 !
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.
Filed Under
(Joomla) by
Antoine
Les 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.
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'> </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 … 
Filed Under
(CSS) by
Antoine
