Mon ancien site est accessible à l'adresse suivante : http://old.harobed.org. En savoir plus…

Screencast de présentation de Tacot

Posté par Stéphane Klein le samedi 01 octobre 2011 dans les catégories Informatique, Outils, Python, Web-dev, Tacot, Screencast, Développement, Contributions | View Comments

J'ai créé un screencast de présentation de Tacot.

J'ai plus ou moins suivi le contenu de la documentation… Dans la vidéo j'ai fait quelques erreurs d'expression alors soyez indulgents… ce n'est pas facile de faire un screencast valide du premier coup.

Je vous conseille de visualiser la vidéo en mode 720p afin de bien pouvoir lire le contenu de la console. Après la réalisation du screencast je me suis rendu compte que j'aurais dû agrandir la taille des polices.

Lien vers la documentation de Tacot.

Read and Post Comments

jquery.expandBox plugin

Posté par Stéphane Klein le samedi 23 avril 2011 dans les catégories Informatique, jQuery, Javascript, Web-dev, Projets, Contributions | View Comments

Je viens de publier une nouvelle version (0.2.0) du plugin jquery.expandBox.

« Et ça sert à quoi ? » et bien à étendre des elements HTML dans une page.

Exemples :

$('#bloc2').expandBoxVertically();

+-----------+                              +-----------+
|   bloc 1  |                              |   bloc 1  |
+-----------+                              +-----------+
|   bloc 2  |                              |           |
+-----------+                              |           |
|           |                              |   bloc 2  |
|     du    |  => étendre le "bloc 2" =>   |           |
|    vide   |                              |           |
|           |                              |           |
+-----------+                              +-----------+
|   bloc 3  |                              |   bloc 3  |
+-----------+                              +-----------+

$('#bloc2, #bloc3').expandBoxHorizontally();

+--------+--------+--------+----------------+
|        |        |        |                |
| bloc 1 | bloc 2 | bloc 3 |     du vide    |
|        |        |        |                |
+--------+--------+--------+----------------+

                      |
                      v

             étendre les blocs 2 et 3

                      |
                      v

+--------+-----------------+----------------+
|        |                 |                |
| bloc 1 |      bloc 2     |     bloc 3     |
|        |                 |                |
+--------+-----------------+----------------+

Pour en savoir plus sur les fonctionnalités de jquery.expandBox plugin, comment l'utiliser, où le télécharger… je vous conseille de vous rendre sur la page du projet….

Il y a 8 mois, au moment où j'ai réalisé ce plugin, j'ai cherché si ce type de plugin existait déjà.
Je n'ai rien trouvé (j'ai peut être mal cherché).

La fonctionnalité « The flexible box model » de la norme CSS 3 permet d'étendre des blocs d'une manière plus élégante que le plugin jquery.expandBox mais cette fonctionnalité n'est pas encore disponible pour tous les navigateurs.

J'espère que la documentation est compréhensible et que ce plugin vous sera utile.

Si vous avez des remarques, suggestions… n'hésitez pas à m'envoyer un mail à stephane@harobed.org

Read and Post Comments