Les frameworks CSS les plus utilisés

CSS Tricks nous avait proposé il y a un moment un sondage pour savoir quel framework CSS était le plus utilisé.

frameworks_cssLes résultats révelent que plus de 50% des développeurs n’utilise pas de framework CSS, suivit par ceux qui ont leur propre framework CSS. On retrouve ensuite 960 Grid avec 11% et BluePrintCSS avec 10%.

Et toi tu utilises un framework CSS ?

  • 0 commentaire

Fabien Potencier, le guru du framework PHP Symfony, a sortit le 10 janvier dernier, le premier framework PHP qui tiens dans un Twitt (140 caractères) nommé Twitto.

Ce framework est le plus rapide des framework (normal) et le premier à utiliser les nouveautés de PHP 5.3 (Obligation d’avoir son serveur en 5.3 ).

Twitto est livré avec un controller, un niveau d’erreur en E_STRICT et génère une erreur si vous essayer d’accéder à un contrôleur qui n’existe pas.

Voici la source :

require __DIR__.'/c.php';
if (!is_callable($c = @$_GET['c'] ?: function() { echo 'Woah!'; }))
   throw new Exception('Error');
$c();

Et voici comment l’utiliser :

// dans c.php
function hello_world()
{
  echo 'Hello World!';
}

Le message est désormais disponible à cette adresse : /twitto.php?c=hello_world

Petit plus, si vous utilisez Apache avec l’extension mod_rewrite, vous pouvez utiliser un htaccess pour avoir de jolies URL :

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ twitto.php?c=$1 [L]

Comme dis précédemment, ce framework nécessite la version 5.3 de PHP car il utilise :

  • La constante __DIR__
  • L’opérateur ?:
  • Les fonctions anonymes

Il est bien sur déconseiller de l’utiliser sur son site car le script n’ai pas sécurisé ! Mais c’est une bonne initiative, je trouve !

  • 3 commentaires

Ça fait plus d’un mois que je m’en sert et je ne l’ai même pas bloger ! Il y a un mois, je recherchais une barre de debug similaire a Symfony ou Ruby On Rails pour le Zend Framework.

Les recherches sur Google n’ont pas été compliqué et je vous présente Scienta ZF Debug Bar.

2009-scienta_debugbar

Cette barre permet d’analyser certaine choses comme :

  • Les requetes sur la base de donnée avec leur temps d’exécution.
  • Le poids de la page à charger.
  • Le temps mise par la page à ce charger.
  • La pile des méthodes appelée.
  • Les variables dans la vue.
  • La version du Zend Framework.

Cette barre s’installe très simplement sous forme de plugin. Il vous suffit donc de télécharger ce plugin, mettre le contenu du répertoire dans le dossier library de votre projet et d’ajouter ces lignes de code dans votre bootstrap :

$debugBar = new Scienta_Controller_Plugin_Debug(array(
            'database_adapter' => $db, // Zend_Db_Adapter_Abstract
            'memory_usage' => true,
            'collect_view_vars' => true));
$frontController = Zend_Controller_Front::getInstance();
$frontController->registerPlugin($debugBar);

Ce plugin est très utile pour le debug ou tout autre optimisation ! Je vous le recommande !

Note : Ce plugin inclus la librairie javascript jQuery, si celle ci est déjà dans votre projet, je vous conseille d’aller à la ligne 234 du fichier Plugin.php et d’enlever la ligne de code qui inclut jQuery.

  • 5 commentaires

En me plongeant dans un fichier CSS je me suis trouver fasse à un certain problème : La bordure bleu sur les champs sur Safari.

safari-bordure
Voici la petite astuce (très simple) :

.votrechamp {outline: 0 none; }

Et voila !

  • 4 commentaires

preloadersPreloaders.net vous permet en quelques secondes de générer de façon simple et rapide une image de chargement pour vos requêtes Ajax ou Javascript !

Ce générateur est très bien conçu et bien que j’en avais un déjà dans mes favoris, je crois que je vais changer !

Vous avez le choix entre :

  • 4 catégories (3D, Rectangulaire, Circulaire, Horizontale ).
  • Un choix de couleur de fond et de front.
  • La taille du preloader.
  • La vitesse de l’animation.
  • 5 commentaires

Aujourd’hui je vous propose une petite astuce pour faire communiquer votre composant Flash (ou Flex) et votre page HTML.

Dans cette exemple, il s’agit d’envoyer une requête AJAX dans un composant Flex ! C’est vraiment très simple de mettre ce procédé en place .

Voici le screencast explicatif !


Communication entre Flex et Ajax from Clément on Vimeo.

Je vous conseille de regarder ce screencast en HD directement sur le site Vimeo !

Si vous avez la moindre question, n’hésitez pas a laisser un commentaire dans la suite de l’article.

  • 3 commentaires
Page 2 sur 21«12345678910» ...Derniers »