Laravel et Webpack: comment automatiser des optimisations SEO à chaque mise en production

Webpack est un outil en node js qui est intégré de plus en plus dans les développements web coté front. Il permet d’automatiser des process comme la concaténation de fichier css, la minification de code js, l’optimisation d’images… Mais entre webpack et Laravel, certains différences peuvent s’avérer bloquantes, ou difficilement compréhensibles. Voyons ensemble comment ca marche.

Lire la suite

Cron et ordonnanceurs

Chaque mois, vous effectuez des gros traitements, et vous ne vous êtes jamais demandé si l’expérience utilisateur méritait d’être amélioré. Suivant les cas, il peut être très intéressant de les modifier légèrement, et de les faire traités par un ordonnanceur. Voyons ensemble pourquoi.

Lire la suite

Dev fullstack, frontend, devops – que faut-il apprendre pour 2019 ?

Le développeur Kamran Ahmed a mis à jour sa feuille de route pour 2019 pour le développement web. L’occasion pour moi de faire le point sur mes connaissances des 10 dernières années, et de vous partager ce qu’en théorie un développeur doit connaitre. Vous allez voir, c’est pas demain la veille qu’on sera remplacé par des machines !

Lire la suite

Les pirates et le SEA (adwords)

Vous pensiez que Google vérifiait toutes les annonces avant de les publier ?
Détrompez-vous. Non seulement, ce n’est pas le cas, mais en plus les méchants pirates aujourd’hui ratissent large et ciblent des mots clés qui ne sont probablement tapés que par des internautes qui n’y connaissent rien. Voyons ensemble comment ils procèdent.

Lire la suite

Utilisez Google avec vos photos comme page d’accueil

Comme beaucoup, vous avez surement un fond d’écran avec votre photo préférée (conjoint, enfant, chat…), mais avouez que vous ne la changez pas très souvent. Si elle pouvait se mettre automatiquement à jour toute seule avec les photos prises depuis votre téléphone, ça serait quand plus sympa. Ici, on ne va pas aborder le fond d’écran, mais votre moteur de recherche préféré. Car si vous êtes comme moi, vous naviguez plus sur Google, que sur votre bureau.

Lire la suite

Amazon Alexa vs Google Home

On peut trouver pas mal d’informations sur ces 2 assistants, mais j’avais vraiment envie de tester par moi-même. J’ai donc profité d’une promotion à noël pour acheter un Amazon echo dot à 20 euros, et voir ce qu’il avait dans le ventre. Pour Google, j’ai simplement installé l’assistant sur un vieux téléphone cassé. Certes, il aurait fallu acheter les 2 vrais enceintes (à 100 euros chacune), pour avoir une vraie mesure de comparaison. N’étant pas Youtubeur mais développeur, la qualité des enceintes m’intéressent moins que leur utilité réelle. Mais trève de bavardage, voyons ensemble ce qu’on peut faire ou pas avec.

Lire la suite

Réduire le poids des images via le redimensionnement automatique

Lorsqu’on aborde le temps de chargement (pour le seo), on parle bien souvent d’optimiser les images. Nous avons déjà vu des techniques à base d’optipng, de jpegtrans, ou même de Gulp. Mais ces optimisations ne servent finalement pas à grand chose si les images sont de tailles trop volumineuses.
Ex: vous avez une image de 4000 x 2000 pixels qui fait 6,2 Mo. Vous pouvez surement l’optimiser pour arriver à 6 Mo, mais avez-vous vraiment besoin de cette taille ? Peut être qu’une simple image de 300 x 150 suffirait ? Voyons ici comment redimensionner automatiquement au plus juste ces images.

Lire la suite

Laravel Nova tutoriel – l’interfacage PHP avec Vue JS

Pour les fêtes, on m’a offert un super package: Laravel Nova (merci Mathieu). Nova est un addon créé par le fondateur de Laravel : Taylor Otwell.
Celui-ci permet de créer une interface d’administration en créant seulement quelques fichiers de configuration. Dans l’exemple ci-dessus, nous avons par exemple, une interface permettant de gérer 6 ressources. En règle général, il faudrait créer autant de controller et de fichiers de template pour gérer les 4 cas (création, mise à jour, suppression, et affichage) pour chacune des ressources. Mais ici, Nova, nous simplifie le travail. Il suffit de lui dire de quel objet on parle, de lui indiquer si tel champ est une liste déroulante, un booléen, une date, un objet client… et celui ci se charge de nous construire tout ça. Voyons ensemble comment tout ça fonctionne…

Lire la suite

Dareboost API > Package for PHP framework

Ayant réalisé un package pour l’utilisation de l’API Dareboost en PHP, je tenais à en faire un peu la promotion ici.
Pour rappel, le but d’un package est de permettre la réutilisation du code dans d’autres projets en installant juste une ligne dans composer:
composer require ynizon\dareboost-php

Pour le détail des éléments qui se trouvent à l’intérieur, suivez le guide.

Lire la suite