Skip to content

Instantly share code, notes, and snippets.

View egfx's full-sized avatar
💭
gif.com.ai

Ilya egfx

💭
gif.com.ai
View GitHub Profile
@egfx
egfx / index.html
Created March 8, 2017 08:00 — forked from anonymous/index.html
Robby the Robot's Mouth
<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>

HSL Color Picker

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.

A Pen by Ilya on CodePen.

License.

Gandalf The Grey

“Happiness can be found, even in the darkest of times, if one only remembers to turn on the light”

A Pen by Ilya on CodePen.

License.

HSL Color Picker

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.

A Pen by Ilya on CodePen.

License.

@egfx
egfx / index.html
Created March 20, 2017 19:17 — forked from anonymous/index.html
Timezones
<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">

Custom HTML Prompt to Edit text from Keyboard Maestro

Quickly edit text from a variable set in Keyboard Maestro.

Mainly used to tidy up OCR text from screenshot.

screencap demo

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)

@egfx
egfx / index.html
Last active April 21, 2017 17:49 — forked from anonymous/index.html
Rotating SVG-Cursor
<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>
@egfx
egfx / distances.markdown
Last active April 21, 2017 19:25 — forked from anonymous/distances.markdown
DISTANCES