terryupton

The first-party WordCount plugin is already included in Craft’s CKEditor plugin. It can show word and/or character counts and include logic on what should happen as you type (e.g. when you get near or over the limit). If you toggle “Show word count” in the CKEditor field’s setting, you get the word count shown underneath the field. To turn on character count, go to CKEditor Config used by that field and add the following under “Config Options”:

"wordCount": {
    "displayCharacters": true,
    "displayWords": true
}

alexanderbuhler

This gist may be your full solution or just the starting point for making your Tailwind v4 projects backwards compatible.

What it does

• Convert @property rules into good old CSS vars
• Pre-compute oklab() functions
• Pre-compute color-mix() functions (+ replace CSS vars inside them beforehand)
• Remove advanced instructions (colorspace) from gradients
• Provide support for nested CSS (used by dark mode or custom variants with &)
• Transform translate, scale, rotate properties to their transform: ... notation
• Add whitespace to var fallbacks var(--var,) > var(--var, ) to help older browsers understand

juban

<?php

namespace modules\console\controllers;

use Craft;
use craft\console\Controller;
use craft\elements\Entry;
use craft\helpers\Console;
use craft\helpers\FileHelper;
use craft\helpers\Json;

ademers

How I Update Craft CMS 3.5.x and Craft CMS Plugins

⏳ 2 min read.

Update apnea: the temporary cessation of breath when updating Craft and Craft plugins.

This article describes the steps I follow to update Craft 3.5.x and plugins in a stress-free and reliable manner. 🧘

Photo by Harli Marten on Unsplash

timkelty

/* See: node_modules/@tailwindcss/typography/dist/typography.css */
@layer components {
    @responsive {
        .prose {
            color: theme("colors.gray.copy");
            max-width: 65ch;
        }

        .prose [class~="lead"] {
            color: theme("colors.gray.copy");

KevinBatdorf

// ==UserScript==
// @name         Add AlpineJs to Tailwind UI
// @namespace    http://tampermonkey.net/
// @version      3.0
// @description  Add Alpine JS code to Tailwind Ui copy/paste
// @author       https://gist.github.com/KevinBatdorf/8bd5f808fff6a59e100dfa08a7431822
// @match        https://tailwindui.com/components/*
// @grant        none
// ==/UserScript==

terryupton

<section x-data="{showModal: false, showLoading: false, html: ''}">

<button
  @click="html='loading...'; showLoading = true; showModal = !showModal; 
    fetch('{{ entry.url }}', {
      method: 'GET',
      headers: {
      'X-Requested-With': 'XMLHttpRequest',
      },
    })

craigerskine

# Prep dropbox to ignore 'node_modules' in a node project
# 1. Move this script to your node project root;
# 2. Delete the existing 'node_modules' folder;
# 3. Run this script;
# 4. `npm install` as normal;
# 5. Enjoy!

tell application "Finder"
  set current_path to container of (path to me) as alias
  make new folder at current_path with properties {name:"node_modules"}

dillingham

<template>
  <div class>
    <div class="bg-grey-light h-1"></div>
    <div class="flex">
      <div class="flex-1" v-for="s in steps" :key="s">
        <div
          v-if="step >= s"
          class="bg-blue -mt-1 h-1"
          :class="{ 'w-1/2': step == s, 'w-full': step < s }"
        ></div>

terdelyi

<?php

use Craft;
use craft\base\Element;
use craft\elements\User;
use craft\events\ModelEvent;

use yii\base\Event;