jQuery Tools – un outil complet

jQuery tools, développé par flowplayer est un rassemblement de tous les outils utiles lors de la création d’un site Internet. jQuery Tools est basé sur jQuery et propose ses propres outils. Il est divisé en trois section:

Il est possible de construire sont fichier jQuery tools avant de le télécharger, cela vous permettra donc de réduire le poids de votre site.

Un outil très complet et facile à utiliser grâce à sa documentation bien rempli et à ses nombreux exemples.

http://flowplayer.org/tools/index.html

http://flowplayer.org/tools/demos/scrollable/index.htmldemo
1 Commentaire

Script vbs – Mettre automatiquement la signature dans Outlook

Voici un script qui trainait dans mon serveur et qui a été conçu pour ajouter automatiquement une signature dans Outlook au démarrage d’une session. Si pour certains cela peut vous aider ou vous inspirer, ne gênez-vous pas pour l’utiliser!

Je vous laisse faire joujou avec le fichier. Si vous avez d’autre solution ou modification, n’hésitez pas à m’en faire part!

Remplacez simplement l’extension par “.vbs”

InstallSignOutlook

Utilisation de mPDF, une librairie PHP pour générer des PDF

Si vous devez générer un PDF rapidement et sans trop vous compliquer la tête, je vous conseil d’utiliser mPDF. Cette librairie PHP est en fait basée sur trois grandes librairies: FPDF, HTML2PDF et UFPDF.  Actuellement en version 4.3, mPDF est beaucoup plus à jour que les autres librairies du même genre.

Ce que j’ai particulièrement apprécié de cette librairie c’est que vous avez la possibilité de générer vos PDF rapidement en utilisant l’HTML et le CSS. Voici un exemple :

include('lib/MPDF42/mpdf.php');

// Format Legal
$mpdf = new mPDF('','Legal');

$html = '
<html>
<head>
<style>
      h3 {color : red;}
</style>
</head>
<body>
      <h3> Titre de mon PDF </h3>
<p>
      Texte, blah blah blah!
</p>
</body>
</html>';

$mpdf->WriteHTML($html);
$mpdf->Output();
exit;
?>

Je vous conseille d’aller faire un tour dans les «features» et dans sa documentation.

jQuery – Plupload, super plugin d’upload de fichier

Voici Plupload; un plugin développé par TinyMCE.

Ce qui est bien de ce plugin c’est qu’il est offert en plusieurs versions: Flash, Gears, HTML 5, Silverlight et BrowserPlus. Disponible dans sa version 1.0, celui-ci est déjà très complet.

Feature

Vous avez la possibilité d’ajouter plusieurs fichiers d’un seul coup en Drag&Drop. Son utilisation est simple et efficace. L’upload de fichier se fait en 2 étapes. La première étant la mise en queue des fichiers, puis, la seconde, la validation.

Bref, pour un système comme drop.io, cela devient très utile.

Demo: http://www.plupload.com/example_queuewidget.php

Lien: http://www.plupload.com/

ref: webcssdesign

Youtube – Utilisation de la balise video

Youtube a mit publique une version bêta de son service adapté au HTML5.

http://www.youtube.com/html5

Le gros changement est l’utilisation de la balise <video>. Cette balise apporte plusieurs petits avantages. Par exemple, l’absence de l’utilisation de plugin et une API simplifiée avec l’utilisation de stop(), start() pour n’importe quel codec utilisé.

Un gros problème perciste pour le moment avec cette version bêta, c’est que le codec utilisé est le H.264. Ce codec est propriétaire par Apple et pour le moment seulement Safari et Chrome peuvent l’utiliser. Firefox espère que Youtube puisse proposer leurs vidéos autant en format H.264 qu’en Ogg Theora (format open source).

Voici certains liens intéressants concernant l’HTML5

W3School

HTML5 reset StyleSheet

HTML5 Cheat Sheat (pdf)

WordPress – Problème d’insertion de galerie

Bon, j’ai remarqué quelque chose… insérer une galerie d’image dans WordPress peut paraître anodin, mais récemment, j’ai eu toute la misère du monde à le faire…

Voilà ce que je faisais et ce qui ne marchait pas…

  1. Je clique sur Ajouter un article
  2. Je sélectionne ensuite Insérer une image
  3. Je télécharge vers le serveur. Je clique sur Sauvegarder les changements et j’ai ceci qui apparait au lieu de mon onglet galerie…

Ainsi, je me suis posé inutilement beaucoup de questions, car le problème était que mon article n’avait jamais encore été sauvegardé. Il était alors impossible de faire une relation entre l’image et l’article. Je suggère fortement l’existence d’un message qui avise qu’il est impossible de créer une galerie sans qu’un l’article soit également créé. Suis-je le seul à avoir été confronté à ce bogue?

Utiliser un gestionnaire de version – Git – Partie 1

Tout développeur devrait avoir son gestionnaire de version décentralisé. Malheureusement, trop peu de personnes y ont recours.

Après avoir travaillé quelque temps avec Subversion(SVN), j’ai été obligé de me familiariser avec Git dans le cadre d’un projet RoR et ce fut un réel plaisir de l’utiliser.

Dans cette première partie, il sera question de gérer un projet individuel. Ensuite, j’approfondirai l’utilisation de Git en équipe. Finalement, j’aborderai l’utilisation de github.

Installation

  1. Tout d’abord, allez chercher le package pour votre OS ici. J’utiliserai à titre d’exemple le package pour OS X.
  2. Ouvrez le terminal. Pour voir votre version, tapez:
    git --version
  3. Entrez dans votre projet en mode terminal
    cd Users/votrenom/Sites/projet
  4. Initialisez le projet dans git.
    git init
    Initialized empty Git repository in .git/

    Cette commande vous crée un dossier caché qui se nomme .git; vous pouvez aller faire un tour à l’intérieur de ce répertoire pour avoir un meilleur aperçu.
  5. Faites une capture du contenu du projet sous le dossier courant.
    git add .
    La capture est maintenant entreposée dans le fichier .git/index
  6. Tapez cette ligne de commande qui vous permettra de laisser un commentaire pour chacune de vos captures.
    git commit –m « Première version de mon commit »
  7. Vous avez aussi la possibilité d’ajouter un fichier à la fois. Par exemple:
    git add fichier1 fichier 2 [...]
  8. Vous pouvez également combiner les étapes V et VI en une seule
    git commit –a –m « 2e commit »
    C’est la même chose que git add suivi de git commit –m
  9. Pour consulter l’historique de vos changements
    git log
  10. Pour consulter l’historique des commit dans une interface GUI
    gitk

N’hésitez pas si vous avez des questions / commentaires.

0 Commentaires

WordPress – Afficher dans une page tous les articles d’une catégorie

Voilà, c’est simple…
Tout d’abord, installez un plug-in pour pouvoir insérer du code PHP dans vos Pages/Articles, comme PHP Execution. Ensuite, copiez ceci en mode HTML dans votre page:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
global $post;
// showposts: nombre d'article affiché
// category: l'id de la catégorie

$postslist = get_posts('showposts=5&category=11&order=DESC&orderby=date');
foreach($postslist as $post) :
setup_postdata($post);
?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
<li><?php the_excerpt(); ?></li>
<li >
<p title="Continue reading"><a href="<?php the_permalink() ?>">Read more...</a></p>
</li>
<?php endforeach; ?>

Ceci ira chercher tous les articles reliés à la catégorie ayant l’id 11.

Ce bout de code m’a permis d’avoir plusieurs endroits dans le site Internet avec des nouvelles et des études de cas, par exemple.

N’hésitez pas à me donner vos commentaires / solutions!

0 Commentaires

Carrousel d’éléments HTML avec jQuery

J’adore cette petite merveille! Voici un plugin jQuery qui vous permettra d’avoir plusieurs options d’affichages, dont une que j’aime bien, Tear Drop. Cela vous sera très utile autant pour des galeries d’images, portfolios ou même une manière originale d’organiser un menu.

http://fredhq.com/projects/roundabout-shapes/

HTML 5 – Cheat Sheet

Pour tout ceux qui veulent commencer à apprendre par coeur la Cheat Sheet de l’HTML 5, c’est par ici, n’oubliez pas de le mettre en haut de votre écran d’ordi avec tous les autres: PHP, CSS, JavaScript, MySQL.

Et beaucoup d’autre…