Web

Tester unitairement un service Angular

Tester unitairement un service Angular

Les tests unitaires représentent une part importante du développement.

Si vous êtes adeptes du TDD (Test Driven Development), je ne vous apprendrai pas leur utilité.

Dans cet article, je vais vous présenter comment tester un service Angular.

En particulier, si votre service nécessite l’injection d’un autre service, vous verrez comment réaliser ce qu’on appelle un mock.

Filtrer les expressions régulières dans Jekyll

Filtrer les expressions régulières dans Jekyll

Jekyll est un générateur de site web statique.

Il permet, par exemple, de transformer vos fichiers écrits avec Markdown en un blog.

Un de ses avantages est de pouvoir étendre les fonctionnalités de bases.

Dans cet article, je vais vous partager un plugin que j’ai trouvé pour gérer les expressions régulières.

Effet de coin de page en CSS 3

Effet de coin de page en CSS 3

De nombreux sites ont mis en place un effet de coin de page (Peel effect en anglais) pour des publicité, donner des informations complémentaires…

Vous pouvez en voir des exemples ici :

Comme vous l’aurez remarqué, cet effet est mis en place en utilisant une animation Flash ou du JavaScript.

Nous allons voir dans cet article comment réaliser le même effet en CSS 3 sans script complémentaire.

Démo

Styliser les légendes de vos images avec CSS 3

Styliser les légendes de vos images avec CSS 3

Lorsque l’on affiche des images sur un site, il est toujours utile d’ajouter divers informations (source, lieu…) pour le visiteur.

Mais comment ajouter une légende aux photos sans surcharger l’interface ?

Le but de cet article sera de réaliser un effet similaire à celui-ci : http://thirdroute.com/projects/captify/.

Et encore une fois, CSS 3 va nous aider à mettre en place ce que nous souhaitons, sans JavaScript.

Créer une galerie photos avec CSS 3

Créer une galerie photos avec CSS 3

Toujours à la recherche de solutions permettant de réaliser des effets avec CSS 3, je me suis penché sur la création d’une galerie photos sans JavaScript.

Le but va être de réaliser un ensemble d’aperçus de photos comme sur ce site : http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/.

Bien entendu, JavaScript interdit ;)

Créer un effet de slide avec CSS 3 sans JavaScript

Créer un effet de slide avec CSS 3 sans JavaScript

Nous avons souvent vu des librairies JavaScript permettant de réaliser des effets de slide :

Avec les nouvelles spécifications CSS 3, il est maintenant possible de mettre en place cet effet facilement sans aucun code JavaScript.

Pagination d'un tableau avec Mootools

Pagination d'un tableau avec Mootools

Nous allons voir comment mettre en place rapidement un système de pagination pour les tableaux réutilisable et non intrusif avec le framework Javascript Mootools.