Skip to content

Instantly share code, notes, and snippets.

View joe-watkins's full-sized avatar

Joe Watkins joe-watkins

55 followers · 5 following
View GitHub Profile
@joe-watkins
joe-watkins / Prefixer-SASS-mixin.markdown
Created February 17, 2014 19:56
A Pen by Joe Watkins.
@joe-watkins
joe-watkins / A-Pen-by-Joe-Watkins.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.
@joe-watkins
joe-watkins / A-Pen-by-Joe-Watkins.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.
@joe-watkins
joe-watkins / Header-w-Fixed-BG-+-CSS-blur();.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.

Header w/Fixed BG + CSS blur();

A header w/fixed background image + CSS3 blur() added to the mix.

A Pen by Joe Watkins on CodePen.

License.

@joe-watkins
joe-watkins / Ken-Burns-Effect-w-CSS-Animations.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.

Ken Burns Effect w/CSS Animations

A Single header image with Ken Burns effect using CSS animations.

A Pen by Joe Watkins on CodePen.

License.

@joe-watkins
joe-watkins / Bootstrap-Checkbox-w-Tooltip.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.

Bootstrap Checkbox w/Tooltip

A simple/reusable inline checkbox with a tooltip exposing fine print. Bootstrap 3.0

A Pen by Joe Watkins on CodePen.

License.

@joe-watkins
joe-watkins / Bootstrap-3-Starter---Full-Width-Images.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.
@joe-watkins
joe-watkins / A-Pen-by-Joe-Watkins.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.
@joe-watkins
joe-watkins / Show-Hide-main-nav-on-scroll.markdown
Created February 17, 2014 19:55
A Pen by Joe Watkins.

Show/Hide main nav on scroll

Using CSS, and jQuery we hide main nav on down scroll and show on up scroll. This example is using Bootstrap3. Emulating Mail Chimp's main nav behavior

A Pen by Joe Watkins on CodePen.

License.

@joe-watkins
joe-watkins / Demo-Flexbox-2.markdown
Created February 17, 2014 19:54
A Pen by Joe Watkins.