ifindev

Tailwind Kanban

A simple exploration to build a kanban board using css grid in Tailwind CSS. So it's about 187 lines for just the mockup. This is totally normal because I just use plain HTML. For the next update, I will use Vue component to recreate it since it will clean up the code and more reusable.

Anyway, the UI is already responsive. But since I am using grids, I haven't figure out how to apply a horizontal scroll bar for the overflow case just like a normal kanban boards. Also, open up Tailwind Play to try out this project.

The design is inpired from this image.

dardourimohamed

const axios = require("axios");

/*
    1- In Microsoft Teams, choose More options (⋯) next to the channel name and then choose Connectors.
    2- Scroll through the list of Connectors to Incoming Webhook, and choose Add.
    3- Enter a name for the webhook, upload an image to associate with data from the webhook, and choose Create.
    4- Replace the webhook URL into this variable.
*/
const webhookURL = "https://outlook.office.com/webhook/XXXXX...XXXXX/IncomingWebhook/XXXXX...XXXXX";

martinsuchan

using System;
using System.Diagnostics;
using Windows.Storage;

namespace TinyCore.Storage
{
    public abstract class SettingBase
    {
        /// <summary>
        /// Access to LocalSettings must be atomic.

joyrexus

nest.js

A multi-level groupBy for arrays inspired by D3's nest operator.

Nesting allows elements in an array to be grouped into a hierarchical tree structure; think of it like the GROUP BY operator in SQL, except you can have multiple levels of grouping, and the resulting output is a tree rather than a flat table. The levels in the tree are specified by key functions.

See this fiddle for live demo.