Pick a color by setting Hue, Saturation and Lightness. Using SVG and React for display, Reactive JS for event handling and Redux for status changes.
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
<div class="container"> | |
<div class="bar"></div> | |
<div class="bar"></div> | |
<div class="bar"></div> | |
<div class="bar"></div> | |
<div class="bar"></div> | |
<div class="bar"></div> | |
<div class="bar"></div> | |
<div class="bar"></div> | |
<div class="bar"></div> |
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
<div class="timezone"> | |
<h1 class="clock"><span class="header-emoji">🕑</span></h1> | |
<div class="timezone-wrapper"> | |
<div class="timeblock"> | |
<span class="timezone-label">Current</span> | |
<span class="current"></span> | |
</div> | |
<div class="timeblock"> |
Inspired by awesome design from https://episty.com/mobile-app-design-trends
A Pen by Pavel Komiagin on CodePen.
Quickly edit text from a variable set in Keyboard Maestro.
Mainly used to tidy up OCR text from screenshot.
Install the Get Text From ScreenShot v0.0.3.zip plugin from this thread on the Keyboard Maestro forum you will also need to have tesseract and imagemagick installed (both can be installed with Homebrew)
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
<header> | |
<img alt="Cursor Pointer" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/42578/rotating-cursor-header.svg"> | |
<h1>Rotating SVG-Cursor</h1> | |
<p>Experiment by <a href="https://twitter.com/wottpal">@wottpal</a>, Cursor-Images by <a href="https://twitter.com/claudioguglieri">@claudioguglieri</a></p> | |
</header> | |
<div id="cursor"><img alt="Cursor Hand" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/42578/rotating-cursor.svg"></div> | |