Skip to content

Instantly share code, notes, and snippets.

View sivartravis's full-sized avatar

Travis Taylor sivartravis

  • Cambridge, MA
View GitHub Profile
@sivartravis
sivartravis / complete-contenteditable-inline-editor.markdown
Created March 10, 2017 16:05
Complete contentEditable Inline Editor
@sivartravis
sivartravis / find-and-replace-plugin-options.markdown
Created March 10, 2017 16:03
Find and Replace Plugin Options
@sivartravis
sivartravis / completely-css-custom-checkboxes-radio-buttons-and-select-boxes.markdown
Created March 10, 2017 16:02
Completely CSS: Custom checkboxes, radio buttons and select boxes
@sivartravis
sivartravis / expanding-diagonal-background.markdown
Created March 10, 2017 16:01
Expanding Diagonal Background

Expanding Diagonal Background

Simple JQuery scroll effect to fill background with the background diagonal. Text from: ALICE'S ADVENTURES IN WONDERLAND By Lewis Carroll

Known issues: iOS Safari's disappearing nav bar ruins everything fun as usual.

A Pen by Derek Palladino on CodePen.

@sivartravis
sivartravis / a-wysiwyg-rich-text-editor-with-contenteditable-attribute.markdown
Created March 10, 2017 16:00
A WYSIWYG Rich Text Editor with contentEditable attribute
@sivartravis
sivartravis / index.html
Created March 10, 2017 15:59 — forked from anonymous/index.html
jQuery Find Replace Plugin
<section>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It
has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of <b>Lorem Ipsum</b>.</p>
<a href="https://en.wikipedia.org/wiki/Lorem_ipsum">Lorem Ipsum Wikipedia Link</a>
</section>
<section>
<p>This <span class="small-u">lorem ipsum</span> should not be hilighted.</p>
</section>
<ul>
@sivartravis
sivartravis / index.slim
Created March 10, 2017 15:59 — forked from anonymous/index.slim
Uber-like text transitions
#fullpage
.section.one
h1 Here's a great
h2 tagline to read
.section.two
h1 Oh look, another phrase
h2 to stand out
.section.three
h1 Finally, this is the
h2 last slide

Gooey Menu - CSS Only

Gooey Menu animation is done purely with css.

The inspiration comes from Soheil's post on Material Up called "Material In a Liquid State".

A Pen by Matthew Sechrest on CodePen.

License.

Gooey Menu - CSS Only

Gooey Menu animation is done purely with css.

The inspiration comes from Soheil's post on Material Up called "Material In a Liquid State".

A Pen by Matthew Sechrest on CodePen.

License.