Elliott Chiaradia

Web Developer

Captvty, la réconciliation avec la télévision

Elliott Chiaradia | 26-02-2016

Vous avez arrêté de regarder la télévision, car celle-ci est bourrée de publicités et de contenus parfois douteux ? Pour les émissions que vous estimez être de qualité, vous avez choisi de les visionner en utilisant les fonctionnalités de rattrapage de vidéos offertes par les chaines elles-mêmes, mais ces vidéos ne sont disponibles seulement durant quelques jours et vous n’avez pas forcément le temps de les regarder dans l’immédiat ? Alors Captvty est fait pour vous ! Car celui-ci permet non pas de visionner les émissions des services de rattrapage vidéo, mais de les télécharger dans votre ordinateur, vous aurez donc tout le loisir de les visionner quand bon vous semble.

Puisque les vidéos proposées par Captvty nous viennent directement des serveurs des chaines de télévision, elles sont sans publicité, à moins que la chaine ne les intègre directement dans leurs émissions, ce que je n’ai heureusement encore jamais vu. Captvty supporte une multitude de chaines francophones, allant d’Arte à la RTS. Malheureusement, suivant votre localisation, elles ne sont pas toutes disponibles pour des questions de droits.

captvty_liste_des_chaines_disponibles

Lire la suite...

wow.js, démarrer des animations au scroll

Elliott Chiaradia | 21-02-2016

À la démocratisation des sites « one page », les animations démarrant aux scrolls sont devenues populaires. Wow.js répond convenablement à ces attentes.

Avec wow.js, vous pouvez très bien utiliser des effets customs mais il faut savoir que la librairie Animate.css offre une jolie palette d’animations CSS prêtes à l’emploi. Vous pouvez les tester directement via le site de la librairie.

 

Lire la suite...

DevDocs, accéder à de la documentation technique tout en étant offline

Elliott Chiaradia | 12-02-2016

Vous êtes dans le train, vous devez finir le développement d’une fonctionnalité, mais vous ne vous rappelez plus d’une syntaxe propre au langage que vous utilisez et vous n’avez pas accès à une connexion internet. Devrez-vous attendre de capter péniblement le WiFi de la prochaine gare ? Pas si vous utilisez Devdocs !

Cet outil vous permet de sauvegarder dans votre navigateur la documentation technique de plusieurs langages/frameworks/librairies. Et quand je dis « plusieurs », c’est 81, donc oui il y a pas mal de choses, ça va de la documentation de jQuery à celle de Laravel en passant par celle de Python.

Lire la suite...

CSSGram, des filtres Instagram en CSS

Elliott Chiaradia | 07-02-2016

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...

Les balises HTML importantes pour le référencement

Elliott Chiaradia | 03-02-2016

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...

TimelineJS3, la création de timelines à portée de main

Elliott Chiaradia | 29-01-2016

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...

Les photos sphériques et la VR

Elliott Chiaradia | 25-01-2016

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.

google_camera_photosphere

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...

Déboguer une page web sur un appareil mobile

Axel Piaget | 24-01-2016

On se rend parfois compte qu'une application web s'exécute parfaitement sur ordinateur mais pas sur son appareil mobile. Malheureusement, les navigateurs mobiles n'offrent pas de console développeur. Ce qui est compréhensible vu la taille réduite des écrans.

Que faire pour comprendre d'où vient le bug, qu'il s'agisse d'un problème d'affichage ou d'autre chose ?

Lire la suite...

La traduction instantanée avec Skype

Elliott Chiaradia | 22-01-2016

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 : Les commandes importantes

Elliott Chiaradia | 19-01-2016

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 !

logo_symfony2

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...

Echanger des astuces entre collègues c’est bien, mais pouvoir les garder au chaud et y avoir accès n’importe quand, c’est encore mieux ! Et puis, pourquoi ne pas les partager à un public plus large, puisqu’elles pourraient être utiles à d’autres ? C’est sur cette base de réflexions, qu’Elliott eut l’idée de créer ce blog. Afin de proposer un contenu plus étoffé, il invita deux de ses chers confrères et amis, Axel et Joël, à rejoindre l’aventure.