Skip to content

Instantly share code, notes, and snippets.

View nladart's full-sized avatar

Nick LaDart nladart

11 followers · 8 following
View GitHub Profile
@nladart
nladart / gist:6603215
Created September 18, 2013 01:20 — forked from brianblakely/gist:581868
Helpful things to keep in your <head/>
<!DOCTYPE html>
<!-- Helpful things to keep in your <head/>
// Brian Blakely, 360i
// http://twitter.com/brianblakely/
-->
<head>
<!-- Disable automatic DNS prefetching.
@nladart
nladart / index.html
Created September 16, 2013 15:11 — forked from anonymous/An-Anonymous-Pen.markdown
<div class="ribbon">
<span>LaDart</span>
</div>
@nladart
nladart / Toggles.markdown
Created September 12, 2013 10:05
A Pen by Bennett Feely.
@nladart
nladart / Custom-Checkboxes-and-Radio-Buttons.markdown
Created September 12, 2013 09:59
Custom Checkboxes and Radio Buttons

Custom Checkboxes and Radio Buttons

How to Customize Checkbox and Radio Inputs with Custom CSS Source: http://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/ Hide the original radios and checkboxes (but still accessible)

:not(#foo) > is a rule filter to block browsers
             that don't support that selector from

applying rules they shouldn't

@nladart
nladart / Golden-Ratio.markdown
Created September 12, 2013 09:47
A Pen by Chris Nager.

Golden Ratio

Protip: You can debug in Sass with something like: .row:before{content:"#{$height}"}

A Pen by Chris Nager on CodePen.

License.

@nladart
nladart / index.html
Created September 6, 2013 15:50
A Pen by Nick LaDart.
<!-- another practice logo -->
<link href='http://fonts.googleapis.com/css?family=Dosis:300,400' rel='stylesheet' type='text/css'>
<div id="container"></div>
<div class="dog_container">
<div class="blue_left"></div>
<div class="blue_right"></div>
<div class="dark_blue_banner"></div>
<div class="white_line_right"></div>
@nladart
nladart / A-Pen-by-Airen.markdown
Created September 6, 2013 15:29
Color Swatches SASS
@nladart
nladart / Page-Scroll-Content-Animation.markdown
Created September 6, 2013 07:39
Page-Scroll-Content-Animation

Page Scroll Content Animation

Animating the appearance of the grid items in each row - jQuery triggers change in position - sliding grid items into position. [UNDER CONSTRUCTION]

A Pen by Nick LaDart on CodePen.

License.

@nladart
nladart / Flying-Letters.markdown
Created September 6, 2013 07:36
A Pen by hakanersu.
@nladart
nladart / Responsive-Grid-Extender.markdown
Created September 6, 2013 07:33
A Pen by Nick LaDart.

Responsive Grid Extender

A small bit of SASS which lets you define new breakpoints and will automatically generate new grid classes for that breakpoint.

A Pen by Nick LaDart on CodePen.

License.