sandren

Tailwind CSS best practices

Utility classes

1. When writing a string of multiple utility classes, always do so in an order with meaning. The "Concentric CSS" approach works well with utility classes (i.e,. 1. positioning/visibility 2. box model 3. borders 4. backgrounds 5. typography 6. other visual adjustments). Once you establish a familiar pattern of ordering, parsing through long strings of utility classes will become much, much faster so a little more effort up front goes a long way!

2. Always use fewer utility classes when possible. For example, use mx-2 instead of ml-2 mr-2 and don't be afraid to use the simpler p-4 lg:pt-8 instead of the longer, more complicated pt-4 lg:pt-8 pr-4 pb-4 pl-4.

3. Prefix all utility classes that will only apply at a certain breakpoint with that breakpoint's prefix. For example, use block lg:flex lg:flex-col lg:justify-center instead of block lg:flex flex-col justify-center to make it very clear that the flexbox utilities are only applicable at the

zhangshine

1. Install (TinyMCE 5.x)

npm install --save tinymce @tinymce/tinymce-react copy-webpack-plugin

2. Copy static files(tinymce skins) to public folder. Edit file next.config.js

const path = require('path');
const webpack = require('webpack');
const CopyPlugin = require('copy-webpack-plugin');

mmikhan

module.exports = {
  purge: [],
  theme: {
    extend: {
      gridTemplateColumns: {
        'auto-fit': 'repeat(auto-fit, minmax(0, 1fr))',
        'auto-fill': 'repeat(auto-fill, minmax(0, 1fr))',
      },
      gridTemplateRows: {
        'auto-fit': 'repeat(auto-fit, minmax(0, 1fr))',

dahoba

RK68 user manual ⌨️

conections

• BT 5.1
• USB-A 2.4GHz
• Wired

BT connection wind

aeadedoyin

How to get a /health route in Strapi CMS

It can also be used for similar use cases of a route without any /api or /admin prefix

1. Generate a plugin named healthcheck

   This will generate this folder src/plugins/healthcheck

   npm run strapi generate plugin
   
   Plugin name: healthcheck