Here is a quick guide for setting up your Vue.js application to work with tailwindcss.
We will cover initial installation and bootstrapping, use of Google fonts and adding nine shades of brand colors using HSL color values.
If you do not have Vue CLI 3 installed on your development machine, please refer to the docs
vue create vue-tailwind
Inside the application directory, install Tailwindcss with Yarn or NPM
yarn add tailwindcss# or npm i tailwindcss
Create your css file
touch src/assets/main.css
… and paste the following code in the created file
// src/assets/main.css
@tailwind base;
@tailwind components;
@tailwind utilities;
…
A couple of years beyond the era of jQuery, front-end developers can testify that JavaScript harnesses more power than just manipulating pockets of the UI with widgets.
A lot of interesting concepts like front-end routing and interacting with the virtual DOM are some of the selling points of modern JS frameworks. Often times we even forget, or more accurately, do not bother what is happening under the hood.
That is all fun until something goes wrong…
Well, not to get ahead of ourselves, lets assume we have a Vue application that talks to remote API. We open a URL in…
Setting up a development environment I often find myself going back and forth between Google, StackOverflow, and several wiki pages. So I prepared a list of tools I would need on the daily as a Laravel developer.
We will install Git, Nginx Server, PHP, MySQL Server, Composer, Laravel Installer and Valet for Linux. Where possible we will have reference links to the doc/download pages of the tools.
Git
Git is available on default repository for Debian. For that, we will do apt install
sudo apt install git
PHP
We will add the repository and the DEB.SURY.ORG Automatic Signing Key. This…
This article takes us through installation and configuration of LDAP and Laravel Passport on a Laravel project. This will enable API authentication with access and refresh tokens using existing Active Directory accounts.
Laravel comes with a fluent auth out of the box. For those wanting to use it as an API that manages its own API authentication, Passport does a fantastic job in that regard. Going further, some enterprise systems will require you to use their existing Active Directory accounts so everyone is saved from having to save gazillion passwords. And yes, Laravel LDAP does that well too.
Wait, it…
Full stack developer at Telekom Networks Malawi