Skip to content

Instantly share code, notes, and snippets.

@pavsmk
pavsmk / CSS-Pagination-Styles.markdown
Created February 13, 2014 14:26
A Pen by Justin Farrow.

Placeholdem // Placeholder Caret Animation

Placeholdem is a JavaScript plugin that animates placeholder carets on inputs and textareas. The placeholder value will incrementally delete on focus, and restore on blur.

View on GitHub

A Pen by Jack Rugile on CodePen.

License.

@pavsmk
pavsmk / Simple-jQuery-Spinner.markdown
Created February 13, 2014 14:22
A Pen by Milomir.
@pavsmk
pavsmk / Logo-animation.markdown
Created February 13, 2014 14:20
A Pen by Harm Putman.
@pavsmk
pavsmk / Split-screen-layout.markdown
Created February 13, 2014 14:20
A Pen by Travis.
@pavsmk
pavsmk / A-Pen-by-Jesse-Shawl.markdown
Created February 13, 2014 14:19
A Pen by Jesse Shawl.
@pavsmk
pavsmk / Sass-parallax-example.markdown
Created January 29, 2014 22:48
A Pen by Scott Kellum.

Sass parallax example

By locking the perspective on the body element and transforming elements in 3D on top of that, you can easily create parallax scrolling effects that don’t require JavaScript and can be much more performant as a result. Mixins can be found here: http://codepen.io/scottkellum/pen/Jwudg

A Pen by Scott Kellum on CodePen.

License.

@pavsmk
pavsmk / iOS-Switch.markdown
Created January 29, 2014 22:45
A Pen by Jordan Dobson.

iOS Switch

This iOS switch uses only a checkbox and animates between states and uses transitions as a backup. No Javascript is needed.

The trick to animating the pseudo elements is to actually animate the padding to push the pseudo elements.

Adjust text size to see it scale.

A Pen by Jordan Dobson on CodePen.