Elliott Chiaradia

Web Developer

Web

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

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

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

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.