Jeff Ham jebbles
jebbles
/ kiss-tooltips-tailwind.css
Last active
August 28, 2024 22:36
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Copy this file to make this work: | |
| <button data-tooltip="Hello!">Button</button> | |
| No extra HTML tags or CSS classes needed! | |
| Additional examples: | |
| Stateless (always visible): | |
| <button data-tooltip='Tooltip Text'>Button Text</button> |
jebbles
/ prototype-to-wireframe.css
Last active
November 23, 2017 03:06
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| filter: saturate(0%) !important; | |
| } | |
| * { | |
| font-family: 'Comic Sans MS' !important; | |
| border-color: black !important; | |
| } |
jebbles
/ librato-dark.css
Last active
April 5, 2016 00:00
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| 1. On Google Chrome, download the Styler extension: | |
| https://chrome.google.com/webstore/detail/styler/bogdgcfoocbajfkjjolkmcdcnnellpkb?hl=en | |
| 2. Go to a Librato Spaces view, and open up the Styler window. Inject the following CSS: | |
| */ | |
| /* Page background */ | |
| div.space { | |
| background: #404040; | |
| } |
jebbles
/ just-do-it.sh
Last active
October 9, 2018 22:43
A motivational bash script for sudo bang bang
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| alias justdoit='echo " | |
| .................8DDD8?................. | |
| ...............,87::,:Z,................ | |
| ...............DI~,,,,:N................ | |
| ...............D~=I:+I:8................ | |
| ...............I::~=::::................ | |
| ................+:=?+,:................. | |
| .................I~7:=N................. |