Elliott Chiaradia

Web Developer

Les articles écrits parElliott Chiaradia

Des placeholders animés avec superplaceholder JS

Elliott Chiaradia |05-04-2016

Un placeholder (le petit texte présent dans les champs des formulaires) est toujours utile pour donner plus d’indications à l’utilisateur sur ce qu’il doit remplir et cela sans trop polluer la page. Mais nous nous sommes tous un jour confronté à un formulaire d’inscription barbant, qu’on a dû remplir plusieurs fois car le mot de passe était très restrictif et sans en tester plusieurs, pas moyen de savoir ce qu’il faut remplir pour qu’il soit validé. Afin d’éviter ce problème, une solution consiste à écrire en dessous de chaque champ ce que l’on attend de l’utilisateur, mais vous en conviendrez que cette méthode peut facilement enlaidir la page.

Et si l'on rajoutait des placeholders animés ? Des placesholders pouvant afficher plus d’informations qu’à l’ordinaire ? Non seulement l’animation rendrait la chose plus vivante, plus dynamique, mais en plus, l’expérience utilisateur n’en serait qu’améliorée.

C'est là que Superplaceholder.js entre dans la place ! Cette petite librairie javascript bien sympathique permet de customer nos placeholders afin de les animer.

Lire la suite...

Les meilleures applications android gratuites destinées à la VR (Partie 2)

Elliott Chiaradia |31-03-2016

Lors d’un précédent article, je vous ai présenté quelques applications android gratuites vous permettant, à l’aide d’un cardboard, d’un Samsung Gear VR ou d’un autre device du même type, de bénéficier de la réalité virtuelle.

Entre-temps, le catalogue s’étoffant de jour en jour, j’ai eu l’occasion d’en tester une vingtaine de plus. Dans ce lot, il y en a six qui, d’après moi, en valent la peine. C’est celles-ci que je vais vous présenter succinctement.

Lire la suite...

Laravel 5 : Les graphs avec Lavacharts

Elliott Chiaradia |26-03-2016

Il existe moult librairies pour créer des graphiques, comme morris.js, highcharts.js ou encore celle de Google appelée tout simplement "Google Charts". Celle-ci, bien qu'étant très complète, n'est pas forcément la plus facile à gérer, surtout en PHP. Afin de résoudre ce problème, un plugin destiné à Laravel appelé "Lavacharts" a été créé, celui-ci est basé sur Google charts et nous permet de créer des graphiques très facilement.

Dans ce petit tutoriel, nous allons mettre en place Lavacharts, puis, grâce à celui-ci, nous allons créer deux petits graphiques faisant office d’exemples.

Lire la suite...

Telegram : un messenger de qualité

Elliott Chiaradia |22-03-2016

Telegram est une application de messagerie similaire à WhatsApp, elle permet de s’envoyer des messages, images, vidéos et documents (1.5Go max). En plus de cela, il est possible d’envoyer des messages qui ne sont pas stockés dans les serveurs de Telegram et qui sont chiffrés de bout en bout.

Elle dispose d’une application Android, iOS et Windows Phone, en plus d’avoir une version desktop (pour Windows, Mac et Linux) et une web version disponible depuis n’importe quel device. Avec toutes ces versions différentes, vous trouverez forcément chaussure à votre pied.

telegram-messenger-app-screen

Lire la suite...

Laravel 5 : le templating avec Blade

Elliott Chiaradia |16-03-2016

Afin de pouvoir structurer ses vues, Laravel 5 inclut directement un moteur de template. Celui-ci se nomme « Blade ». Contrairement à d’autres moteurs comme « Twig », qui lui est utilisé par Symfony 2, Blade n’a pas été conçu pour être séparé de Laravel. De ce fait, sa documentation se trouve directement dans celle de Laravel, alors que celle de Twig a un site dédié. Puisque la documentation concernant « Blade » n’est d’après moi pas la plus complète, j’ai décidé d’écrire un petit article traitant des bases et de quelques petites astuces intéressantes.

À noter que ce tutoriel a été réalisé à l’aide de la version 5.2 de Laravel, si vous utilisez une autre version, il est possible que des ajustements soient nécessaires afin d’arriver au même résultat.

Lire la suite...

laravel 5 : les dates

Elliott Chiaradia |08-03-2016

Travailler avec des dates est souvent un calvaire, car le format diffère selon le pays, et les calculs ne se font pas aussi facilement qu’avec des données de type numérique comme les int ou les double.

Laravel 5.2 ne fait pas exception à la règle, c’est pourquoi, afin de facilité le traitement de ces dates, le framework utilise Carbon, une classe héritée de celle de DateTime de PHP, celle-ci a le mérite d’être bien plus pratique.

Cependant, il existe une librairie destinée à Laravel permettant de manipuler ces dates encore plus aisément, à savoir « date » de jenssegers. C’est à l’aide de celle-ci, que nous allons traiter plusieurs cas dont j’ai été confronté lors de la réalisation de divers sites web.

Lire la suite...

Laravel 5 : les commandes importantes

Elliott Chiaradia |02-03-2016

Laravel 5 est un framework PHP très intéressant, car puissant et bien conçu. Tout comme Symfony2, il offre de nombreuses commandes permettant de ne pas réécrire à chaque fois la même chose. Il est donc vivement conseillé de les utiliser afin de gagner du temps non considérable. Je vous ai concocté une liste de commandes, disponibles avec Laravel 5.2, que je juge important de connaître.

Lire la suite...

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

Elliott Chiaradia

elliott.chiaradia[at]outlook.com

Lire ses articles