Elliott Chiaradia

Web Developer

Styliser les images des liens cassés en CSS

Elliott Chiaradia | 20-04-2016

Il arrive fréquemment qu'un lien d'une de nos images soit cassé. L'affichage de l'image n'est donc plus possible, elle s'affichera sous la forme suivante:

Vous en conviendrez que ce n'est pas très joli et que l'utilisateur ne comprend pas forcément ce que veut dire ce drôle de message. En utilisant du CSS, nous pouvons changer l'apparence de ces liens cassés afin d'obtenir quelque chose de plus adéquat.

Lire la suite...

Ricoh Theta S, test d'une caméra destinée à la VR

Elliott Chiaradia | 15-04-2016

Depuis mon premier voyage dans la réalité virtuelle, celle-ci me passionne. Je me suis donc rapidement retrouvé à prendre des photos avec photosphère. Mais cette méthode n’est pas idéale, car prendre un seul cliché nécessite quelques minutes et si par malheur un des éléments du décor bouge, la photo risque fortement d’être ratée. De plus, dans les espaces confinés, il n’est pas possible d’obtenir un résultat acceptable.

C’est pourquoi je me suis rapidement intéressé à l’achat d’un éventuel appareil photo pouvant prendre des clichés en 360 (et pouvant être utilisés pour la VR). Malheureusement, le marché étant relativement récent, je n’ai pas trouvé grand-chose mis à part l’appareil que je vais vous présenter aujourd’hui, à savoir la Theta S de la marque Ricoh, une caméra pouvant prendre des clichés et des vidéos à 360 degrés en toute simplicité.

Lire la suite...

Mes premières impressions sur le HTC Vive et sur ses jeux

Elliott Chiaradia | 11-04-2016

Et voilà, la course à la réalité virtuelle a commencé ! Depuis fin mars, des chanceux ont pu recevoir leur Oculus Rift dans sa version définitive. Pour le Vive de HTC, il a fallu attendre le début du mois d’avril, mais maintenant il est là et j’ai la chance de pouvoir le tester. C’est pourquoi, dans cet article, je vais vous faire part de mes premières impressions. Tout d’abord au niveau de l’objet lui-même, puis au niveau d’une sélection de jeux que je conseille ou non.

test du Vive de HTC

Lire la suite...

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

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.