Darklg Blog

Un Système de grilles/grid avec CSS & PHP

J’utilise depuis quelques mois un système de grilles léger et efficace :
Le 1kb CSS GRID.

Malheureusement, la version proposée sur le blog demande une reconfiguration cas par cas, et la version générée par le site dédié, demandait un retour au site pour chaque nouveau projet. J’ai donc décidé de monter un bout de code pour automatiser la création de grilles.
Attention, je ne gère pas de marges internes, ces dernières sont générées par les éléments contenus dans ces grilles. C’est mal, je sais.

On definit le nombre de colonnes et leur largeur par défaut.

// Version A : nb_colonnes * largeur_colonne = largeur_ligne
$grid_nb_colonnes = 12;
$grid_largeur = 80;

Il est évidemment possible de définir la largeur totale d’une ligne :

// Version B : largeur_ligne / nb_colonnes = largeur_colonne
$grid_largeur_ligne = 960; 
$grid_largeur = round($grid_largeur_ligne / $grid_nb_colonnes);

Faites toutefois attention à utiliser des valeurs multiples, afin d’éviter une colonne trop petite, ou trop grande.

On génère ensuite une propriété pour chaque largeur de grille

for($i=1;$i<=$grid_nb_colonnes;$i++)
	echo '.grid_'.$i.'{width:'.($i*$grid_largeur).'px;} '."\n";

On affiche les propriétés de gestion de lignes et colonnes

echo '.column{float:left;overflow:hidden;display:inline;}';
echo '.row{width:'.($grid_nb_colonnes*$grid_largeur).'px;overflow:hidden;margin:0 auto;}';

Et voilà c’est évidemment utilisable dans mon système de compression CSS via PHP, à condition de charger le contenu dans la variable $retour_css au lieu d’afficher le contenu via echo, et de l’insérer juste avant l’appel à la fonction compress();. La configuration des largeurs et colonnes peut être par contre montée en haut du script, pour plus de confort

Note : Le bout de code est sous licence WTFPL, mais un lien, un merci ou un cadeau (Sait-on jamais qu’un puissant mécène qui souhaite mon bonheur me lise) sont appréciés.

D’Internet Explorer 6.0 à Firefox 3.6

En testant le mode intégré de VirtualBox, j’en ai profité pour faire une capture d’écran peu commune : mon site perso affiché sous Internet Explorer 6.0 à côté de la version sous Mozilla Firefox 3.6 (Version Mac).

On ne distingue en effet que trois grosses différences dans le design : Les bordures arrondies, la transparence et les polices. J’aurais pu évidemment faire un site au pixel près avec quelques astuces, mais en alourdissant le code (plugin jquery, png transparent supplémentaire…). Donc un grand merci à ie8.js de gérer la majorité des bugs : )

à titre informatif : mon compte Twitter est désormais en public, n’hésitez plus à me suivre

Groupe Facebook On peut tous aider Alain – Diffusion dans le 19/45 de M6

Le groupe Facebook On peut tous aider Alain a été mis en valeur dans le 19-45, émission d’informations de la chaîne M6.

Étant connecté au moment de la diffusion du sujet, j’ai pu observer en temps réel l’impact de cette mise en avant sur l’évolution du nombre de membres du groupe.

19h50 Le sujet est présenté parmi d’autres, on aperçoit le nom du groupe durant quelques secondes. Je m’y connecte et constate : 577 membres.

Le reportage commence à 20h00 : On compte désormais 642 membres.
20h01, le reportage se termine : 870 membres.
Jusqu’à 20h07, le compteur monte jusqu’à 1680 membres, à plus de 2 membres par seconde.
Par la suite, la vitesse d’augmentation des membres diminue peu à peu.
Le dernier comptage à 23h00 est de 2167 membres.
Pour un meilleur aperçu, voici un graphique représentant l’évolution du nombre d’abonnés au groupe Facebook depuis la présentation du sujet ( Origine : 0 secondes ).

On y distingue au début du reportage ( 646 secondes ) une explosion de la vitesse d’abonnement, vitesse qui faiblit à partir de 850 secondes ( 20h04 env.).

Qu’en conclure ?

Ces données laissent à penser qu’un faible pourcentage de téléspectateurs réagit sur Internet durant la diffusion d’un sujet. En effet, les audiences moyennes du 19/45 sur Janvier montraient une moyenne de 2.8 millions de téléspectateurs. Un gain d’environ 1500 followers, c’est moins de 0.05% de « taux de conversion ».

Les conséquences annexes

Le groupe est passé de 3 à 8 administrateurs, le mur est bourré de messages, dont ceux des spammeurs et opportuniste que les administrateurs réactifs ont fait disparaître très vite ( Merci @KyotoWeb pour l’info ).
Les farceurs n’ont pas mis longtemps à réagir :

C’était un article purement dataporn, et pour que vous puissez aussi faire votre orgie de données ( et principalement me donner vos conclusions sur la courbe ), voici le document Google Spreadsheets dont j’ai tiré les graphiques.