Elliott Chiaradia

Web Developer

Web

karac, une nouvelle aventure commence !

Elliott Chiaradia | 19-04-2017

Avec Axel et Joël (tous deux contributeurs de ce blog), nous nous sommes lancés dans le monde entrepreneurial en créant la société karac. Basée à Pully (en Suisse), karac est une agence de communication digitale qui propose autant des sites web et des applications mobiles que des prises de vue sphérique, des conseils en stratégie facebook et pleins d’autres choses qui permettent d’améliorer l’image et la visibilité d’une entreprise.

Et puisqu’on est tous les trois des passionnés de nouvelles technologies, nous allons proposer ...

Lire la suite...

Remplacer PHPMyAdmin par un seul fichier a un nom : adminer

Elliott Chiaradia | 30-01-2017

On connait tous PHPMyAdmin, cette application web fort utile nous permettant de gérer les bases de données MySQL. Cependant, savez-vous qu’il existe une alternative tout aussi efficace et moins lourde ? Cette alternative se nomme adminer. Et ses avantages sont nombreux !

Lire la suite...

Gérer ses icônes en .svg avec Iconizr

Joël Buchs | 17-09-2016

Ce tutoriel s'adresse aux personnes qui cherchent un moyen de gérer facilement toutes leurs icônes en .svg. Iconizr permet de rassembler toutes les icônes en un seul fichier puis de faire appel à celles-ci par le biais d'une simple classe css. Iconizr gère également très bien le scss.

Lire la suite...

Les nouveautés de Laravel 5.3

Elliott Chiaradia | 13-06-2016

Bien que la date de la release de la version 5.3 ne soit pas encore fixée, elle devrait tout bientôt être disponible (fin juin, début juillet ?). Cette nouvelle version de Laravel apportera son lot de nouveautés, afin d'améliorer le framework PHP et de proposer aux développeurs des outils encore plus pratiques. Taylor Otwell, le créateur de Laravel, tease au compte-goutte via son compte twitter ces futures améliorations.

Cet article (non exhaustif) vous présentera succinctement quelques nouveautés proposées par cette nouvelle version de Laravel.

Lire la suite...

Animer des icônes en CSS

Elliott Chiaradia | 06-06-2016

Les icônes pullulent sur le web et à raison, car comme disait Confucius : "une image vaut mille mots". Je vais donc vous présenter une solution élégante permettant d'ajouter des icônes en pure CSS, puis de les animer. Pour cela, nous allons devoir utiliser trois librairies différentes, à savoir : Font Awersome, Font Awesome Animation et Wait! Animate. Pour chacune d'elles, je vous expliquerais en quelques mots comment l'utiliser.

Lire la suite...

Laravel 5 : Les emails

Elliott Chiaradia | 16-05-2016

Laravel 5 possède des fonctionnalités très pratiques permettant d'envoyer des mails, donc pas besoin de plugin ! Tout est directement disponible au sein même du framework. Ces mails peuvent être reçus/envoyés depuis un serveur mail standard ou depuis un webservice de messagerie à la gmail.

Dans ce tutoriel, nous allons voir comment envoyer un mail depuis Laravel 5. Puis, un second chapitre permettra d'introduire l'envoi d'un email au contenu dynamique. Finalement, la dernière partie vous montrera comment envoyer un même courriel à plusieurs destinataires.

Lire la suite...

Trier un tableau avec Stupid jQuery Table Sort

Elliott Chiaradia | 02-05-2016

En étant mandaté pour créer un back-office contenant des tableaux plutôt conséquents (quelques centaines d'entrées), je me suis dit que pouvoir trier ces tableaux dynamiquement par colonnes ne pouvait que permettre aux utilisateurs de s'y retrouver plus aisément. L'idée de coder cette fonction a donc germé rapidement, mais celle-ci s'est rapidement dissipée au vu des solutions existantes (et performantes) qui pullulent sur internet. Après en avoir testé deux trois, je vais vous présenter succinctement "Stupid jQuery Table Sort", un plugin pouvant être implémenté en quelques petites minutes et qui fonctionne plutôt bien.

Lire la suite...

Laravel 5 : Générer des pdfs

Elliott Chiaradia | 26-04-2016

Générer dynamiquement des PDF est courant sur le web, cependant cette tâche peut vite devenir un véritable calvaire si l'on n'utilise pas les bons outils. Heureusement, il existe un package destiné à Laravel 5 (et la version 4) qui fait très bien le travail, à savoir "DOMPDF Wrapper". En plus d'être très efficace, celui-ci est, comme vous pourrez le constater, très simple à configurer.

Dans ce tutoriel, je vais tout d'abord vous montrer comment configurer correctement le package. Puis, un cas pratique vous sera présenté. Lors de celui-ci, je me permets de partager quelques astuces et remarques qui pourraient être pertinentes.

Lire la suite...

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

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

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.