CSSGram permet d’ajouter des filtres, à la Instagram, à vos photos en CSS. Si vous ne savez pas utiliser de logiciels d’édition de photos et que vous voulez garder une certaine cohérence graphique entre les images postées sur votre site web, cette fonctionnalité peut être intéressante. 22 filtres sont disponibles, vous pouvez les visionner/tester ici : http://una.im/CSSgram/

Passons à la pratique, la première chose à faire ...

Lire la suite...

Vous voulez que votre site soit bien référencé ? Qu’il apparaisse dans la première page de recherche Google ? Il va falloir commencer par utiliser les bonnes balises HTML ! Celles que les robots des moteurs de recherche utilisent pour l’indexation.

Dans cet article, je vais vous présenter quelques balises importantes pour le référencement, de la balise <title> aux balises <meta> en passant par les balises Open Graph. Vous aurez en mains tous les informations nécessaires à la création une structure HTML efficace en termes de SEO.

Lire la suite...

Créer une chronologie pour votre site web en quelques minutes est chose possible grâce à TimelineJS. Vous n’aurez besoin d’aucun prérequis mis à part la possession  d’un compte Google, car vous allez devoir enregistrer une feuille de calcul dans Google Sheets. Cependant, si vous êtes allergique à Google, vous pouvez très bien vous en passer et créer une timeline en utilisant des données JSON, la tâche vous prendra plus de temps, mais le résultat sera similaire.

Le premier chapitre sera consacré à la création d’une timeline rapide à l’aide de Google Sheets. Quant au second, il sera consacré à la création de cette même chronologie, mais en utilisant un fichier .json.

Voici le résultat que vous obtiendrez si vous suivez toutes les étapes :

Lire la suite...

Visionner une simple photo ne vous intéresse plus ? Vous avez envie de quelque chose de plus immersif ? Pourquoi ne pas utiliser de la VR avec des photos sphériques ? Vous aurez l’impression d’être littéralement dans la photo !

Tout d’abord, vous devrez prendre une photo sphérique, il existe différents appareils pouvant prendre ce genre de photo, mais n’ayez crainte, vous pourrez tout aussi bien utiliser votre smartphone ! Diverses applications, comme l’appli Google Camera, offrent cette option « photosphere ». Il ne vous reste plus qu’à prendre une jolie photo.

Si vous vous demandez ce que cela peut donner, je vous invite à tester la démo que j'ai concoctée spécialement pour vous...

Lire la suite...

Disponible depuis seulement quelques jours pour le grand public, la traduction instantanée est arrivée sur Skype, et je n’ai bien évidemment pas pu m’empêcher de tester ces fonctionnalités ma foi prometteuses.

On peut compter deux types de traduction instantanée gérés par Skype, à savoir la traduction écrite et la vocale. La plus impressionnante reste bien évidemment la vocale, puisqu'il vous suffit de parler dans une langue pour qu’une voix (encore un peu robotique) traduise vos paroles dans la langue sélectionnée. Pour l’instant, ce type de traduction fonctionne avec les langues suivantes :

• Allemand
• Anglais
• Chinois
• Espagnol
• Français
• Italien
• Portugais

Alors oui, ça fonctionne bien, même si ...

Lire la suite...

Symfony2 dispose d’innombrables commandes. Bien qu’elles ne soient, à mon humble avis, pas toutes utiles, s'en passer nous ferait perdre un temps considérable et nous obligerait à devoir répéter du travail pas franchement intéressant.

Dans cet article, je vais vous présenter quelques commandes Symfony2. Celles que j'utilise fréquemment et que je trouve important de connaître. Grâce à elles, vous allez par exemple pouvoir créer une base de données, générer automatiquement des getters et des setters, lister les routes de votre projet ou encore supprimer le fameux cache de Symfony2 qui nous embête tant, nous développeurs, et cela en très peu de temps ! Oui, vous verrez, elles sont très utiles, ne vous en privez pas !

L'article est séparé en deux chapitres. Le premier contient les commandes générales, tandis que le second présente les commandes spécifiques à Doctrine.  Bonne lecture :)

Lire la suite...

En attendant l’Oculus Rift et le HTC Vive vous pouvez toujours vous munir d’un cardboard pour tester la VR (Virtual Reality). Oui, un cardboard c’est bel et bien ces lunettes en carton permettant d’y insérer notre smartphone afin de pouvoir voyager dans la réalité virtuelle. Oui, ça a l’air ridicule aux premiers abords, mais pourtant c’est drôlement efficace (si vous avez un smartphone moderne et ayant un écran assez grand, 4.7 pouces minimum). Et elles ne coûtent qu’une vingtaine de CHF (environ 20 Euros), puisqu’elles ne sont constituées quasiment que de carton équipé de deux lentilles et de quelques velcros collés par-ci par-là.

Si comme moi vous avez craqué pour ce gadget, vous allez sans doute vouloir tester diverses applications et le catalogue est plutôt bien fourni (en tout cas pour le Google Play). J’ai donc pu tester une bonne trentaine d’applications android gratuites destinées à la VR, voici celles que je vous conseille.

Lire la suite...

Hammer.js est une librairie javascript permettant de capturer des gestes tactiles. Ces mouvements peuvent être utiles aussi bien pour le mobile que pour une application web (pour une galerie de photos par exemple). Hammer.js peut gérer le swipe, le pan, le tap, le press, le rotate et le pinch, pour vous rendre compte plus facilement à quoi correspond ces gestes, vous pouvez vous référer à l’image suivante.

Dans cet article, nous allons utiliser cette librairie pour  tester quelques-uns de ces mouvements qui vont nous servir à appeler des petites fonctions qui effectueront des petites choses, comme un changement de couleur d'une div ou encore un déplacement d'un élément.

Lire la suite...

Sublime Text 2 est un éditeur de texte que j’aime beaucoup. Il n'a rien à envier aux autres, et bien que moins complet que les IDE payants à la jetbrains, il reste un très bon choix, car il existe une multitude de plugins qui l’améliorent considérablement. Après en avoir testé des dizaines et des dizaines, voici ceux que j’utilise vraiment.

Lire la suite...

A-frame ? Qu’est-ce que c’est ? Pour faire court, A-frame est un framework javascript dédié à la VR (réalité virtuelle), si vous voulez plus d’informations sur le sujet, je vous invite à lire l’article « Présentation de A-Frame, un framework dédié à la VR ».

Dans cet article, je vais vous montrer comment créer une galerie d’images avec A-frame. Je n’ai pas la prétention d’avoir créé une galerie parfaite, celle-ci n’est finalement qu’un prétexte pour tester quelques fonctionnalités du framework.

Bon, passons aux choses sérieuses, voici ce que nous obtiendrons comme résultat final :

Lire la suite...