Donc pas d’inquiétude (oué oué, je sais je suis le seul inquiet en fait), ca va revenir tranquillement. Surtout que je prend au moins toujours autant de temps pour mes bons plans de la semaine et que cette semaine, des trucs biens sympa ont pointé leur bout de html.

Par contre je tiens à m’excuser, j’ai pris pas mal de chose de twitter cette semaine mais j’ai oublié de noter toutes les sources! Promis, j’essaie de corriger ça au plus vite.

• Des icones twitter très fun
  Certainement la meilleur liste que j’ai pu voir, on voit que le petit oiseau inspire plus que le F de facebook.
• Un widget de mot passe javascript
  Très complet, permettant de voir le mot de passe en clair, d’en générer un et de détecter sa force. Son seul tord a mon sens c’est qu’est pas écrit en jquery :p
• Couper vos textes au pixel près
  J’ai toujours cru que c’était pas possible, et là encore jquery vient dire le contraire avec ce plugin qui permet de couper un texte dans sa largeur, quelle que soit la taille de la police. Alors bien sûr, ca suit pas le niveau de zoom de la police. Faut pas rêver non plus hein.
• Tuto pour créer une galerie jquery sympa
  L’effet et le style du tuto mérite bien un petit détour. Ca peut aussi aider pas mal de gens à se mettre un peu plus à jquery.
• HTML Ipsum (via @alsacreations)
  L’idée est tout bête et pourtant. Les lorem ipsums si chers, lors des intégrations de nos chers webdesigns, n’auront jamais été aussi facile à mettre en place. Ce site permet de récupérer les éléments HTML les plus courants, directement rempli avec ce jargon latin. Encore 10min de sauvé!
• L’autoload PHP en détail
  Mécanisme plutôt « récent » en PHP, il méritait bien quelques lignes pour montrer l’envers du décor quand on utilise des framework qui l’intégre déjà.
• Testez la force de mots de passe
  Voyez combien de temps un bruteforce pourrait casser votre mot de passe! Ca ferait presque peur leur truc.
• Twitter explique a ma maman
  Certainement l’explication de twitter que je rejoins le plus! Et c’est presque drôle en plus :p
• Play Framework
  C’est le lien de la semaine qui a fait le tour de twitter, Un nouveau framework dans le ROR style, mais cette fois en java! Et oui, mêmes les utilisateurs de ce langage ont fini par craquer et c’est personnellement pas pour me déplaire.
• Une solution de Crop d’image
  Et même plus! Elle intégre aussi le zoom et la rotation des images dans un seul outil très bien outil.
• Reproduire le login de twitter
  Parce que pour moi twitter, mais aussi dailymotion, ont la meilleur solution de dropdown, il fallait en parler l’expliquer, c’est chose fait.

Alors bien sûr, la solution radicale, c’est de réduire le nombre de colonnes, mais souvent le client, il les veut ses colonnes! La 2e solution est de supprimer ce bloc de filtre. On fait ça très simplement dans le generator.yml:

filter:
  class: false

Cependant, il arrive quand même que le filtrage soit nécessaire mais bien souvent, seulement 2 ou 3 valeurs. J’ai donc décidé de prendre le taureau par les cornes et faire la modification dont je rêve depuis longtemps, passer ce bloc de filtre, au dessus du tableau! Pour ce faire, j’ai modifié 2 fichiers. Tout d’abord, le fichier _filters.php qu’il faudra rajouter dans le dossier templates de vos modules visés:

<div class="sf_admin_filter">
 
	<div class="content_filter">
  <?php if ($form->hasGlobalErrors()): ?>
    <?php echo $form->renderGlobalErrors() ?>
  <?php endif; ?>
 
 
  <form action="<?php echo url_for('produits_collection', array('action' => 'filter')) ?>" method="post">
	  <?php foreach ($configuration->getFormFilterFields($form) as $name => $field): ?>
	  <div class="bloc_filter">
        <?php if ((isset($form[$name]) && $form[$name]->isHidden()) || (!isset($form[$name]) && $field->isReal())) continue ?>
          <?php include_partial('produits/filters_field', array(
            'name'       => $name,
            'attributes' => $field->getConfig('attributes', array()),
            'label'      => $field->getConfig('label'),
            'help'       => $field->getConfig('help'),
            'form'       => $form,
            'field'      => $field,
            'class'      => 'sf_admin_form_row sf_admin_'.strtolower($field->getType()).' sf_admin_filter_field_'.$name,
          )) ?>
    </div>
    <?php endforeach; ?>
 
     <?php echo $form->renderHiddenFields() ?>
     <?php echo link_to(__('Reset', array(), 'sf_admin'), 'produits_collection', array('action' => 'filter'), array('query_string' => '_reset', 'method' => 'post')) ?>
     <input type="submit" value="<?php echo __('Filter', array(), 'sf_admin') ?>" />
  </form>
  </div>
</div>

Au final, j’ai simplement supprimé le tableau, par défaut et mis chaque widget dans un div. On obtient donc quelque chose qui change pas vraiment la donne pour l’instant:

Mais en lui appliquant un peu de css:

div#sf_admin_bar {
	float:none;
	margin: 0;
}
 
#sf_admin_bar .sf_admin_filter form div.bloc_filter {
	display:inline;
	padding:0 20px 0 0;
}
 
div#sf_admin_container #sf_admin_bar label {
	display:inline;
	float:none;
	padding:0;
}

On commence à approcher de ce que l’on souhaite:

Maintenant, on habille un peu la chose, histoire de gagner en clarté:

#sf_admin_bar .sf_admin_filter {
	background-color:#FFF;
	margin:12px 0;
}
 
#sf_admin_bar .sf_admin_filter .content_filter {
	border:1px solid #DDDDDD;
	padding:5px;
}

Pour obtenir finalement:

Un dernier détail, le filtre « référence » avec sa colonne « is_empty » casse un peu notre rendu. Personnellement, je ne me sers pas de cette checkbox, on va donc redéfinir notre filtre pour la supprimer dans lib/filters/MonModuleFilters.class.php:

public function configure()
  {
    $this->widgetSchema['reference'] = new sfWidgetFormFilterInput(array(
      'template' => '%input%'
    ));
  }

Et voilà, une jolie barre de recherche beaucoup plus du goût des clients en général :)

Alors bien sûr, cette solution ne fonctionne qu’avec un nombre limité de filtre, sinon on aurait un rendu un peu moins visuel, mais je pense que ça reste toujours mieux que 2 blocs qui se chevauchent.

Et bien Montastic permet justement de monitorer vos sites web gratuitement. Bien sûr le monitoring est très basique, il ne teste que le ping, mais c’est bien le test le plus important et le plus simple à mettre en oeuvre. Pour ce faire, il vous suffit de vous inscrire (gratuitement!), et d’indiquer la liste des sites à monitorer.

Attention à l’adresse mail utilisé pour l’inscription, c’est cette dernière qui sera utilisée pour vous prévenir si votre site rencontre des problèmes. Pensez également à retirer les sites web d’exemple, google et l’hôte inconnu sinon vous allez être vite spammé de mail.

Un très bon service, auxquels sont venus se greffer des widgets pour ceux qui ne passent pas leur journée la tête dans leur mailbox.

Pour la version mac, il faudra simplement renseigner la clé que l’on trouve dans son profil sur le site et on obtient un joli: