Skip to content

Instantly share code, notes, and snippets.

View ganshoot's full-sized avatar

ganshoot

4 followers · 10 following
View GitHub Profile
@ganshoot
ganshoot / Dropdown-Menu.markdown
Created August 6, 2014 03:34
A Pen by Eric.
@ganshoot
ganshoot / Row-Column-system-with-data-attributes.markdown
Created August 5, 2014 09:07
A Pen by Max.

Row/Column system with data attributes

I combined SASS, HAML and HTML5 data attributes to get this column system. Not responsive yet but pretty less code for infinite columns just by configuring the variables.

A Pen by Max on CodePen.

License.

@ganshoot
ganshoot / CSS-Column-Ecommerce-Product-Layout.markdown
Created August 5, 2014 08:30
A Pen by DavieB.

CSS Column Ecommerce Product Layout

Pinterest Style Product layout for Ecommerce redesign, using CSS Columns

A Pen by DavieB on CodePen.

License.

@ganshoot
ganshoot / Columns-widen-on-hover.markdown
Created August 5, 2014 08:30
A Pen by Christine Moore.
@ganshoot
ganshoot / Full-width-JQuery-carousel-slider.markdown
Created August 5, 2014 08:30
A Pen by Nia.
@ganshoot
ganshoot / Wall-posts.markdown
Created July 30, 2014 02:27
A Pen by A Non Ymous.
@ganshoot
ganshoot / Responsive-HTML-Email.markdown
Created July 7, 2014 06:24
A Pen by Richard Bland.

Responsive HTML Email

This is my responsive HTML Email template. I'm currently using it as a starter for all my email projects.

A Pen by Richard Bland on CodePen.

License.

@ganshoot
ganshoot / Typographic-Baseline-Grid.markdown
Created January 24, 2014 07:46
A Pen by Seth Abbott.

Typographic Baseline Grid

My first attempt at a baseline grid for type. Its a little trickier than I originally thought. The css is very specific to these typefaces so changing them would mean readjusting main block level elements. Its also responsive using a 12 col grid. I am using baseliner.js to toggle horizontal grid lines.

A Pen by Seth Abbott on CodePen.

License.

@ganshoot
ganshoot / Pull-quote-inside-article.markdown
Created January 15, 2014 09:41
A Pen by Søren Fife .
@ganshoot
ganshoot / Columns:-Equal-Height.markdown
Created January 15, 2014 09:40
A Pen by Søren Fife .

Columns: Equal Height

Experiment with columns of equal height irrelevant of content. Of course this can be refactored. I made this a while ago. It's my hint for padding/margin equal height columns.

A Pen by Søren Fife on CodePen.

License.