Réaliser un panier 100% JavaScript

Une boutique de e-commerce nécessite la plupart du temps un panier. De nombreuses solutions peuvent répondre à ce besoin. Il est possible de mettre en place un panier côté serveur, d’adjoindre un plugin au framwork ou CMS utilisé pour le site etc. Cependant, nous allons voir comment programmer un panier 100% en JavaScript sans utiliser aucun plugin ni code côté serveur.

(suite…)

Webdesign pour les non-designers

Pour ceux d’entre nous qui ne sont pas designer (ou designer sans expérience dans le web), le webdesign peut paraître à la fois extrêmement facile ou complexe. Certains se diront : « facile, j’aligne un bloc par ci, un menu par là, et c’est bon », d’autres se diront : « sans formation, impossible ». Le design d’un site web ne s’improvise pas, mais avec un peu de méthode, que l’on soit débutant ou confirmé, tout devient possible. Nous allons d’abord démystifier ce terme de webdesign, avant d’en apprendre la méthode.

(suite…)

Apprenons l’art du croquis

Je lis régulièrement sur le web des articles louant la puissance du croquis. Bien qu’ils nous disent que le croquis ne nécessite pas d’être bon dessinateur, je me trouve souvent frustré face à mes esquisses d’interfaces qui ne ressemblent à rien. Malheureusement, aucun de ces articles ne nous apprends à croquer.

C’est à la lecture du livre Design d’expérience utilisateur de Sylvie Daumal que j’ai enfin mis la main sur une initiation rapide et d’une pédagogie rare. L’article qui suit est donc directement extrait du livre.

(suite…)

Linux contre l’obsolescence programmée !

Avec la fin récente de Windows XP, beaucoup d’ordinateurs se sont retrouvés avec un système d’exploitation complètement laissé à l’abandon. Il fallait upgrader. Mais avec quoi, et comment ?! Installer une nouvelle version de Windows sur un PC acheté avec XP promet – en plus de passer à la caisse – d’avoir un ordinateur qui rame complètement. Eh oui, ce n’est un secret pour personne, chaque nouvelle mouture d’un OS nécessite plus de puissance. Autre solution : acheter un ordinateur tout neuf avec l’OS du moment… mais bon, quand on a un ordinateur qui fonctionne, pourquoi le mettre à la poubelle et en acheter un nouveau ? Voyons donc comment Linux peut venir à notre rescousse.

(suite…)

Les 6 plugins indispensables pour WordPress

Je crois que pas un bloggueur dans le domaines des technos/dev, ne sort son petit article sur les « x meilleurs plugins pour WordPress ». Je ne publie pas celui-ci pour me lancer dans le marché hyper concurrentiels en SEO des articles sur les extensions WordPress, mais plutôt pour avoir sous la main un aide-mémoire des extensions à installer sur les WordPress de mes clients et les paramètres indispensables.

(suite…)

101 balises HTML5 + exemples

Le HTML5 c’est plein de bonnes choses, des APIs Javascript, du CSS3, mais aussi et surtout des balises HTML ! Et cette nouvelle mouture d’HTML apporte son lot de nouveauté. Cette version du langage met en avant la sémantique, ainsi, de nombreuses balises permettent de remplacer les balises génériques div et span. Du layout à la citation, faisons le tour de tout ça, exemples à l’appui voulez-vous ?

(suite…)

CSS : div qui prend la taille de son contenu

J’ai récemment été confronté à un problème de CSS, lequel m’a mine de rien pris un petit bout de temps à résoudre. Comment faire prendre à un élément de type bloc la taille de son contenu (lequel pouvant varier). Il y a plusieurs solutions à cela, mais pour corser un peu le défis, j’utilisais Bootstrap, et certaines solutions n’étaient pas compatibles avec ce que je voulais. Bref, passons tout ça en revue.

(suite…)

Ajouter un bouton à l’éditeur WYSIWYG de WordPress

Si vous créez vos thèmes vous-même, vous avez surement l’habitude d’ajouter des shortcodes ou des petits bouts de html qui permettent d’insérer des éléments visuels dans vos articles. Si le thème en question est pour votre propre usage, pas de problème, vous saurez quoi taper pour obtenir le résultat escompté. En revanche, si c’est pour un client, il est peut-être plus pratique qu’il n’ait plus qu’a cliquer sur un bouton pour obtenir l’élément souhaité. Pour cela, il faut créer un plugin pour ajouter un bouton à l’éditeur tinyMCE de WordPress. On y va ?

(suite…)

Backbone.js : recherche fulltext dans les collections

La plupart du temps, lorsque l’on effectue une recherche sur un site web, on envoie une requête au serveur – laquelle est directement adressée à la base de données – puis le serveur nous renvoie la réponse de cette recherche.

Cependant, avec les applications web, on possède souvent notre jeux de données sur le client (le navigateur), et une bonne partie de la navigation et des actions que l’on peut effectuer sont gérées directement au sein du navigateur en JavaScript. Backbone nous donne justement une structure et des outils pour construire de telles applications. Ainsi, puisque l’on dispose déjà des données dans le navigateur, il est logique d’effectuer notre recherche dans celui-ci plutôt que de le sous-traiter au serveur, avec comme inconvénient les temps de latence que l’on connait. Voyons comment effectuer une recherche directement dans nos collections Backbone.js

(suite…)