Pinned Loading

1. Attach tooltips to any HTML element,... Attach tooltips to any HTML element, no classes or divs required! Uses data-attributes and pseudo-elements to minimize any additional markup or need to create a separate component. Can be used as a hover state or add your own custom logic! Made with Tailwind CSS.

   1

   /* 

   2

   Copy this file to make this work:

   3

     <button data-tooltip="Hello!">Button</button>

   4

   No extra HTML tags or CSS classes needed!

   5

2. A darker theme for Librato's dashboa... A darker theme for Librato's dashboard, for easier readability. Includes header styling and navbar + scrollbar removal. Requires the Styler extension for Google Chrome: https://chrome.google.com/webstore/detail/styler/bogdgcfoocbajfkjjolkmcdcnnellpkb?hl=en

   1

   /* 

   2

   1. On Google Chrome, download the Styler extension:

   3

   https://chrome.google.com/webstore/detail/styler/bogdgcfoocbajfkjjolkmcdcnnellpkb?hl=en

   4

   2. Go to a Librato Spaces view, and open up the Styler window. Inject the following CSS:

   5

   */

3. Turn your UI markup into a wireframe... Turn your UI markup into a wireframe with a few lines of CSS. For people who prefer to skip visual wireframing entirely and use code to iterate on product development. Reduces assumptions from stakeholders and keeps the focus on usability rather than aesthetics.

   1

   body {

   2

     filter: saturate(0%) !important;

   3

   }

   4

   5

   * {

4. A motivational bash script for sudo ... A motivational bash script for sudo bang bang

   1

   #!/bin/bash

   2

   3

   alias justdoit='echo "

   4

   .................8DDD8?.................

   5

   ...............,87::,:Z,................