Image used for article Dessiner un motif SVG dynamique avec Vue

Le format SVG est couramment utilisé pour afficher des images ou illustrations en deux dimensions sur le web. Ce format vectoriel permet aussi les agrandissements et les réductions de taille sans perte de résolution.

Image used for article Lancer Laravel depuis son navigateur avec Browser PHP

Avant toute chose, il est de bon ton de rappeler que le langage PHP est un langage de script utilisé le plus souvent côté serveur, et cet article ne risque pas de plaire aux puristes mais il est le fruit d’une réflexion simple : Comment lancer un script php du côté client ? Browser PHP est le résultat de la résolution de cette réflexion.

Image used for article Collecter des feedbacks via notification Slack dans un projet Laravel

Il est fréquent de rencontrer sur un site internet un formulaire de contact ou une adresse e-mail permettant de contacter l'administrateur du site. Ces formulaires requièrent généralement une adresse e-mail, un titre et un objet. Cet article propose une alternative plus ouverte à l'anonymat, en remplacement de ce format standard.

Image used for article Hello Metrics !

Chaque jour depuis le lancement de Capsules Codes, des données ont été collectées à partir d'une gamme de plateformes telles que ce blogfolio, Flintable ou encore X, dans le but de garder une trace d'une quelconque évolution, d'apprendre, d'identifier des erreurs commises ou comprendre ce qui fonctionne ou ne fonctionne pas.

Image used for article Créer un package Laravel sur son environnement local

Si vous souhaitez développer votre propre package, il est tout à fait légitime de vous demander comment le tester dans des conditions réelles. Publier le package sur Packagist en plein développement n'est pas une option. Une autre approche serait de l'intégrer dans un projet vierge sans utiliser Composer. la méthode de cet article se rapproche beaucoup plus d'une situation réelle, mais nécessite une préparation de l'environnement.

Image used for article Hello Modules !

Un onglet faisait défaut. Celui qui répertorierait nos modules, packages, dépendances. L'onglet Modules est désormais ajouté, mettant en avant le tout premier package de la liste : Laravel Population.

Image used for article Créer un blog avec Laravel, Vue et Canvas

Canvas est un puissant outil pour les applications Laravel qui simplifie l'écriture, la modification et la personnalisation de votre contenu grâce à une gamme d'outils de publication. Il s'agit d'une solution tout-en-un incroyable pour la création et la publication d'articles, comme celui que vous êtes en train de lire.

Image used for article Afficher un modal avec VueJS et son composant Teleport

Utiliser un modal peut sembler évident sur un site web, sa mise en place peut parfois s'avérer complexe. Pour simplifier cette tâche, le framework Vue a mis en place son composant intégré <Teleport>. Celui-ci nous permet de "téléporter" une partie du modèle d'un composant dans un nœud du DOM existant en dehors de la hiérarchie du DOM de ce composant.

Image used for article Ajouter un dark mode général avec Tailwind CSS

L’élément principal de cet article est la variante dark que l’on peut configurer dans le fichier de configuration de TailwindCSS. Ajouter la valeur class au darkMode permet d’activer les classes CSS uniquement lorsque la classe dark est présente. La valeur media quant à elle se base sur les préférences du système d’exploitation.

Image used for article Créer une page 502 Bad Gateway personnalisée

Il arrive parfois que l’appel à un url renvoie une page 502. Le code de réponse HTTP d'erreur serveur 502 Bad Gateway indique que le serveur, agissant comme une passerelle ou un proxy, a reçu une réponse invalide depuis le serveur en amont. Celui-ci décide alors de renvoyer une page par défaut .

Image used for article Créer son propre script Artisan

Tous les artisans Laravel reconnaîtront la commande php artisan inspire. Mais ce que tout le monde ne sait pas forcément, c’est qu’il est possible de personnaliser cette commande.

Image used for article Flintable - Où est Allman ?

Beaucoup de codeurs, nous y compris, utilisent fréquemment, voire même continuellement, un analyseur statique. Un petit rappel pour ceux qui ne seraient pas familiers avec ce terme : l'analyseur statique vérifie le code sans nécessiter son exécution. Il repère les erreurs logiques, les fautes de frappe, les transgressions de convention, les dérives de format. Une fois intégré à votre éditeur de code, il devient le gardien invisible de votre travail, révélant les petites erreurs humaines qui pourraient se glisser dans votre code.

Image used for article Hello World !

C'est avec cet article que nous vous annonçons la direction vers laquelle nous avons décidé de nous diriger. Notre truc, c'est le développement d'outils web et mobile. Et autant que cela serve aux autres tout autant qu'à nous.

v1.2.1

Icône XIcône Github