Blog

Depuis le temps que je suis sous Google Chrome (et je ne pense pas en changer pour Firefox 4) , je n’avais pas encore pris le temps de bien rechercher des plug-in pratiques et utiles pour le WebDesign.
C’est donc un peu par hasard, que j’ai trouvé Résolution test. Ce plug développé par Ben BeckFord permet tout simplement de redimensionner le navigateur chrome  pour tester l’affichage de votre site.

Les fonctions de l’extension :

  • redimensionne chrome suivant une liste de résolutions pré enregistrées
  • ouvre un nouvelle fenêtre pour chaque résolution choisie
  • possibilité d’ajouter, de modifier et de supprimer des résolutions
  • permet d’afficher Google Browser Size en transparence (bon google Browser Size est toujours fait avec paint)
  • et un page d’option pour régler le tout

Si le plug in vous rend vraiment service, je rappelle qu’il est sous licence  »beer Ware » : il est possible de faire un don au créateur afin qu’il puisse se payer un bière !!

Le lien vers l’extension



Une des nouveautés très agréable de windows 7, c’est Aéro Snap. Cette fonction permet de redimensionner une fenêtre d’application en la glissant, soit sur la moitié gauche ou sur la moitié droite de l’écran. Bien pratique pour copier des fichiers entre deux explorateurs, ou pour faire des transferts de fichiers entre un explorateur et un client FTP, ou encore pour simplement bien arranger les différentes fenêtres.

Et sur Mac OS X, on ne retrouve pas du tout ce « Snap », et malgré les fonctions Space et Exposé, il est parfois difficile de bien gérer les fenêtres ouvertes. Heureusement Andreas Hegenberg a créé une application toute simple et disponible sur le MacAppStore pour palier à ce manque.

On peut donc simplement accrocher une fenêtre sur la moitié de l’écran, les paramètres de l’application sont configurables, et l’on peut, par exemple régler des raccourcis clavier, choisir les zones permettant l’accrochage ou encore désactiver la fonctionnalité pour une application particulière.

Better Snap Tool ne copie pas simplement Windows 7 mais fait mieux, il est par exemple possible d’accrocher une fenêtre sur un quart de l’écran. Cet utilitaire est disponible sur le MacAppStore pour 1,59€ (oui ce n’est pas gratuit, mais l’appli fonctionne correctement).

un exemple de fenêtres ré-arangées

Le lien vers l’application sur le MacAppStore



Suite à une demande pour la réalisation d’un site, j’ai dû chercher un forum qui puisse facilement s’intégrer à WordPress, mais aussi avoir une interface d’administration (modération, droits …). Je me suis tout d’abord tourné vers bbpress, mais l’intégration des utilisateurs WordPress n’est pas vraiment simple (malgré les articles bien détaillés), et l’administration manque de fonctions.
Dans un second temps, j’ai testé le Mingle Forum trouvé sur http://cartpauj.com. Un forum simple et possédant les fonctions standards des forums. De plus, c’est un plugin, et les utilisateurs WordPress sont automatiquement intégrés. L’administration se fait directement depuis WordPress, elle est efficace et elle permet d’attribuer facilement des droits de modération sur des forums. Il est aussi possible pour un utilisateur de s’abonner à des notifications par e-mail.

Un résumé des fonctions:

  • URL SEO Friendly
  • Support des skins
  • Support des BBCode
  • Création de groupes d’utilisateurs
  • Assignation d’un utilisateur
  • Gestion des Captchas
  • Traduction en français (à réajuster quand même)

Le seul vrai reproche que je pourrais faire à ce forum, c’est l’impossibilité, par défaut, de pouvoir uploader des fichiers, il supporte malgré tout les bbcode dont [img][/img].



J’utilise depuis quelque temps pour le création de sites un générateur de grilles. Pour faire simple, j’utilise un service web sur lequel je règle les paramètres de ma grille et le site génère un fichier zip contenant :

  • un fichier html contenant quelques balises <div> à titre d’exemple
  • <div class="container clearfix">
    		<div class="grid_12">
    			<h1>12</h1>
    		</div>
    
  • un fichier css contenant la définition des colonnes
  • /*
     & Columns : 12
     & Gutter %: 20%
     & MinWidth: 960px
     & MaxWidth: 1080px
     */
    .grid_1 { width: 6.6666666666667%; }
    .grid_2 { width: 15%; }
    .grid_3 { width: 23.333333333333%; }
    

Oui, je sais l’arrondi à la 13e décimale pour la largeur, ce n’est pas ce que l’on a fait de plus élégant.

Ces colonnes sont tout de suite utilisables, il suffit d’attribuer une classe aux balises <div>, par exemple grid_12 (pour avoir une largeur équivalente à 12 colonnes).
Ce générateur de grille, Tiny Fluid Grid est inspiré du fameux 1kb CSS grid. Mais Tiny Fluid Grid a l’avantage de proposer l’option largeur minimum et maximum ainsi qu’une prévisualisation de rendu de la grille.

http://www.tinyfluidgrid.com/



Scanner 3d Lego


Après « l’imprimante 3d lego » vu précédemment, voici maintenant le scanner 3d lego. Réalisé par Philippe « Philo » Hurbain, cette imprimante à base de Lego NXT utilise une technologie de scan 3d très intéressante nommée David Laser Scanner. Cette technique combine un laser à faisceau plat (on voit une ligne et pas un point comme avec un pointeur laser) une webcam et bien sûr une suite logiciel. Le résultat dans la vidéo de « Philo » est tout simplement bluffant.

Plus d’informations
http://www.philohome.com/scan3dlaser/scan3dlaser.htm

Via @Minervity