Performable Love propose un générateur de bouton de conversion en ligne personnalisable et très style web 2.0 qui permet d’obtenir un joli bouton en quelques clics !

Voici quelques exemples obtenus avec le générateur :

Accéder aux générateur.

The Arialist est un thème graphique xHTML / CSS (ou anciennement nommé « kit graphique« ) entièrement Open Source et gratuit.

Celui-ci à la particularité d’être pleinement conçu pour l’utilisation de la police d’écriture Arial…

Vous pouvez voir une démonstration du thème avant de le télécharger gratuitement sur Google Code.

WebDesignerWall propose un tutoriel que je vous invite à découvrir permettant de créer rapidement des coins arrondis sur des images grâce à jQuery à la manière de CSS3 (rounded corners).

Cette solution permet de contourner les problèmes de compatibilités rencontrés avec certains navigateur comme Firefox.

Le code jQuery ajoute automatiquement le code HTML réalisant les coins arrondis aux images portant une certaines classe, de plus, il gère automatiquement l’ombre et masque l’image originale afin d’en empêcher la copie !

Un script que je vous recommande car très léger et très pratique !

En savoir plus…

Présentation de Flattr

Flattr est un nouveau système de « digg-like social » permettant de valoriser et de monétiser la création de contenu sur le web. Le service offre en outre un moyen simple et innovant de rémunérer les auteurs tels que les blogueurs. Veuillez toutefois noter qu’à l’heure ou j’écris ce billet, Flattr est toujours en beta privée.

Si vous lisez ce tutoriel, j’imagine donc que vous disposez déjà d’un compte Flattr et que vous avez en votre possession votre User ID (affiché sur votre Dashboard Flattr).

Intégration d’un bouton Flattr à votre thème WordPress

Premièrement, il vas falloir installer le plugin Flattr pour WordPress disponible ici. L’installation est classique et ne nécessite aucune procédure particulière, utilisez simplement le gestionnaire de plugins de WordPress.

Une fois le plugin installé, un nouvel onglet nommé Flattr est apparu dans le menu Réglages de WordPress. C’est à partir de ce module que vous devez configurer le plugin et en particulier renseigner votre Flattr user ID.

Etant donné que nous allons voir comment ajouter manuellement le bouton Flattr à votre blog, laissez décochée la case « Insert Flattr button automagically« .

Modification des fichiers de votre thème

Désormais le plugin Flattr est correctement installé et configuré sur votre blog. L’étape suivante consiste à modifier les fichiers de votre thème afin d’ajouter l’appel au bouton Flattr et d’ajouter les styles CSS qui afficherons le bouton en haut à droite de chaque article.

1 : Édition du fichier CSS : cherchez et ouvrez le fichier wordpress/wp-content/themes/<nom de votre thème>/style.css et ajoutez en fin de fichier le code ci-dessous :

.flattr-container { float: right; margin-left: 15px; }

2 : Édition des templates : nous allons devoir rajouter l’appel au bouton Flattr dans chaque fichier de votre thème servant à afficher un billet. Ainsi, nous allons pouvoir décider d’afficher ou non le bouton sur chaque page de votre blog.

Pour commencer, ouvrez le fichier wordpress/wp-content/themes/<nom de votre thème>/index.php et cherchez l’appel à la fonction the_content().

Afin d’afficher le bouton, il suffit de rajouter avant l’appel de cette fonction le code ci-dessous :

<div class="flattr-container">
	<?php the_flattr_permalink() ?>
</div>

Pour afficher le bouton sur la page affichant un billet, vous devez répéter l’opération sur le fichier single.php puis sur les fichiers archive.php, category.php et tag.php s’ils existent pour votre thème. Ainsi, le bouton devrait être affiché sur toutes les pages de votre blog.

Notez que dans ces derniers fichiers, l’appel à la fonction the_content() a pu être remplacé par l’appel à la fonction the_excerpt() qui affiche un résumé de l’article. De la même manière ajoutez simplement le code avant l’appel à cette fonction

En résumé, cette méthode permet de contrôler l’affichage du bouton sur chaque type de page de votre blog et permet également d’appliquer des styles CSS personnalisés si vous désirez un affichage différent de l’affichage par défaut proposé par le plugin Flattr.

A lire également : Flattr : Retour d’expérience après 2 mois d’utilisation….

Voici un aperçu très original proposé par rickyh.co.uk du mariage entre MooTools et CSS3 et des nouvelles possibilités qu’offrent ces deux technologies en termes d’effets visuels pour le web. Inutile de préciser qu’il est préférable de disposer d’un navigateur récent

Glissez par ici…

Colorizeit est une application web 2.0 permettant de générer directement depuis l’interface du site des thèmes pour phpBB 3 aux couleurs personnalisées. L’application peut  par exemple générer un thème aux nuances bordeaux a partir du thème prosilver.

Colorizeit permet ainsi de modifier en 5 minutes plusieurs thèmes classiques parmi lesquels : AcidTech, Avalon, Serenity, subSilver 2 ou encore WoW: Alliance.

L’interface de l’outil  est composée de 3 sliders dans un nuancier de couleurs ainsi que d’un aperçu en temps réel du résultat du thème sélectionne.

Colorizeit est l’outil indispensable pour tout administrateur phpBB !

Il existe un raccourci clavier permettant de réinitialiser complètement Adobe Photoshop a ses réglages d’origines.

Pour effectuer le reset il suffit de laisser appuyé simultanément sur les touches ci-dessous lors du lancement de Photoshop (avant de voir l’écran d’accueil du logiciel) :

• Sur Windows : ALT + Ctrl + Shift
• Sur Mac OS X : Option + Command + Shift

Le logiciel ouvrira alors une boite de dialogue permettant de confirmer la suppression de tous les réglages et la remise à zéro de Photoshop.

Typekit est une nouvelle technologie permettant d’utiliser n’importe qu’elle typographie présente dans le catalogue du service sur votre site Internet indépendamment des plateformes et des navigateurs web !

Cela fait quelques temps que de nouveaux services naissent autour de cette problématique (afin d’afficher une police sur un site, celle-ci doit obligatoirement être présente sur la machine de l’internaute) et ce notamment avec l’arrivée de CSS3. Le problème majeur étant que les navigateurs anciens (pour ne pas citer ceux de Microsoft) ne supportent évidemment pas CSS3, typekit fournit une technologie permettant d’afficher une police distante sur n’importe quel navigateur.

De plus, typekit propose un catalogue de polices ayant une licence d’utilisation adaptée à une diffusion sur le web, les typographes sont donc rémunérés sur leur création.

Démonstration de typekit

A noter tout de même que typekit est à l’heure où j’écris ce post en version beta fermée et que le service proposera à terme plusieurs plan payants offrant des fonctionnalités et un catalogue plus ou moins riche.

Si il y a bien une boutique qui fait parler d’elle en ce moment, c’est bien nolimit.fr. Bâtie sous Magento, elle illustre parfaitement le potentiel et la puissance que Magento peut apporter à un site e-commerce. D’ailleurs, vous vous doutez bien que si j’en parle, c’est précisément parce qu’elle est propulsée par Magento.

Nolimit.fr est une boutique entièrement dédiée au matériel de sport de glisse et propose des articles de grandes marques.

La première chose qui frappe est une charte graphique d’une harmonie et d’une originalité peu courante à mon sens. Le genre est revisité tout en conservant les conventions liées à la vente en ligne. Un résultat qui en jettes tant au niveau graphique que technique.

On remarquera également l’utilisation massive de Flash pour les zones phares de promotion ou du pied de page. Certains pourraient penser que c’est à contre courant vu les temps qui courent ou un certain Javascript tend à détrôner le méchant Flash.

Pour ma part je suis plutôt d’avis qu’il est trop tôt pour déléguer ce genre de tâches à JS, non pas à cause du langage, mais disons plutôt à cause de son interprétation encore trop bancale sur les différentes plate-formes de navigation.

Bon et Magento dans tout ça ? À première vue pas de grosse explosion de fonctionnalités comme chez mes coupaings de discounteo, les fonctionnalités natives de Magento semblent avoir été exploitées dans leur ensemble. A noter tout de même un super menu à base de toggle vertical (si, il faut cliquer sur TOUT NoLimit EN 1 CLIC pour l’ouvrir) mais pas vraiment visible ! J’ai même failli passer à côté ! Notez le mix de min et de majs, bah ouais ça fait djeuns !

Quoi qu’il en soit, je trouve le résultat final très réussi et je pense que cette boutique peu venir s’ajouter à la petite liste de boutiques Magento françaises d’exception !

Ceci était mon humble avis avec ma petite expérience de Magento et je tenez à partager ce lien, et vous les codeurs Magento, qu’en pensez-vous ?

Glisser vers la boutique nolimit.fr

Lorsqu’on travaille sous Mac OS X, on s’habitue très vite a avoir un aperçu rapide de la plupart des types de fichiers. C’est notamment le cas pour les fichiers psd, ai ou encore eps. Alors le week end, lorsqu’on retourne sur Windows (parce qu’on reste un gamer dans l’âme :p), il devient très vite énervant de devoir ouvrir complètement chaque fichier pour en apercevoir le contenu.

Heureusement il existe un petit soft gratuit nommé Kasalong Thumbnails permettant d’intégrer au shell de Windows la fonctionnalité de miniature pour ces types de fichiers.

Testé sous Windows XP pour ma part, l’utilitaire est téléchargeable sur le site de l’éditeur.