Vue SVG Inline Plugin is a plugin for Vue 3 that replaces SVG images with actual SVG contents. I use that in my applications so that I can control some of the SVG's behavior, mainly the size & color. Basically it replaces <img src="./assets/ic
Recently I found myself working on a legacy project that runs on PHP 7.2. It mostly works as is with PHP 7.4 but some library does not support some of the changes from PHP 7.4, in my case it was linked to PHPExcel. Before going over the project and upgrad
If you've been using composer you might have stumbled upon this frustrating error. $ composer update Loading composer repositories with package information Updating dependencies (including require-dev) PHP Fatal error: Allowed memory size of 161
Simon Wuyts writes down how he sets up new projects with Vue 3 & Vite. He covers Vite, Future-proof CSS, Typescript, Prettier and Linting. Make sure to check this out. Read more: Vue 3: A Modern Setup That Will Save You Time
Josh Comeau explains how to implement a full-bleed layout using CSS Grid. This implementation is pretty smart and lets you easily add full-bleed and "pseudo-ful-bleed" (constrained in width) images in your articles for instance. Josh also mentio
Chipper CI Team receives a lot of webhooks from popular Git providers. Sometimes they come in high volume or in spikes and it's quite a challenge to catch them all before the server overloads. In this article they explain how they manage to solve these in
In most projects you end up having lists that need to be searchable. A list of countries for instance or a list of entries. I work a lot with French clients that have lots of accented characters like àéèêë etc.. So when I search for "eco" I want
If you don't know how to get started with Vue 3 & Vite, I suggest reading my Creating your Vue 3 Project with Vite post. In my projects I don't like to use full paths to import components & stylesheets. I very much prefer @/components/HelloWorld t
If you don't know how to get started with Vue 3 & Vite, I suggest reading my Creating your Vue 3 Project with Vite post. To get started with Tailwind CSS, install the dependency. Using Yarn : $ yarn add tailwindcss Using NPM : $ npm install --save ta
After Creating your Vue 3 project, you might want to directly configure ES Lint. First you'll need to install the following dependencies. Using Yarn : $ yarn add -D eslint eslint-plugin-vue@next Using NPM : $ npm install --save-dev eslint eslint-plugin-v
The easiest way to setup a new Vue 3 project with Vite is to use yarn create or npm init. Using Yarn : $ yarn create vite-app <project-name> $ cd <project-name> $ yarn $ yarn dev Using NPM : $ npm init vite-app <project-name> $ cd <p