Skip to content

Instantly share code, notes, and snippets.

View hadyfayed's full-sized avatar
🏠
Working from home

Hady hadyfayed

🏠
Working from home
3 followers · 4 following
View GitHub Profile
@hadyfayed
hadyfayed / Set-Child-Width:-Sass-Mixin.markdown
Created January 28, 2014 01:17
A Pen by Clint Brown.

Set Child Width: Sass Mixin

Created a mixin for the :first-child/:nth-last-child(n) trick to set widths based on the number of child elements - includes support for custom rows (n elements/x per row).

A Pen by Clint Brown on CodePen.

License.

@hadyfayed
hadyfayed / UI-Elements.markdown
Created January 28, 2014 01:17
A Pen by Colin.

UI Elements

Some basic website elements - vertical nav with dropdowns, a form, and a couple buttons.

A Pen by Colin on CodePen.

License.

@hadyfayed
hadyfayed / Very-Simple-Slider.markdown
Created January 28, 2014 01:16
A Pen by zuraiz.

Very Simple Slider

Was tired of heavy bloated jQuery slider plugins so I made my own. Has controls and finds your slide height/width automatically. Simple & basic, the way momma would have wanted.

A Pen by zuraiz on CodePen.

License.

@hadyfayed
hadyfayed / CSS3-Animated-Grid-Boxes.markdown
Created January 28, 2014 01:16
A Pen by Colin.

CSS3 Animated Grid Boxes

experimenting with content presentation for a landing page.

A Pen by Colin on CodePen.

License.

@hadyfayed
hadyfayed / A-Pen-by-Arlekino.markdown
Created January 28, 2014 01:16
A Pen by Arlekino.
@hadyfayed
hadyfayed / Easy-CSS-Ribbon-with-Sass.markdown
Created January 28, 2014 01:15
A Pen by Peiwen Lu.

Easy CSS Ribbon with Sass

A Sass mixin which can customise CSS triangle shape and foreground / background colours.

A Pen by Peiwen Lu on CodePen.

License.

@hadyfayed
hadyfayed / Infopoint-Icons.markdown
Created January 27, 2014 17:46
A Pen by Joey Hiller.

Infopoint Icons

Some fun animated icons to draw attention to areas of an image - or even a map! Some of these could also be used as loaders.

A Pen by Joey Hiller on CodePen.

License.

@hadyfayed
hadyfayed / UI-Kit---Flat-ish*.markdown
Created January 27, 2014 17:46
A Pen by Robin Brons.

UI-Kit - 'Flat-ish'*

I was a little bored so I made this :D

* It's not really Flat, I know if someone knows a name, please tell me so I can change it :)

A Pen by Robin Brons on CodePen.

License.

@hadyfayed
hadyfayed / A-simple-pricing-table.markdown
Created January 27, 2014 17:45
A Pen by hady.

A simple pricing table

A pricing table shamelessly copied from dribbble

A Pen by hady on CodePen.

License.

@hadyfayed
hadyfayed / A-Pen-by-hady.markdown
Created January 27, 2014 17:21
A Pen by hady.