Skip to content

Instantly share code, notes, and snippets.

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

Hady hadyfayed

🏠
Working from home
View GitHub Profile

Responsive audio player

Demo: the JW Player is awesome for the modern web. The WordPress plugin needs work though, because it restricts its usage.

A Pen by Khalid on CodePen.

License.

Pure CSS Parallax Scrolling

A prototype parallax scrolling technique that uses CSS 3D transforms. No JavaScript!

Still have a few issue to iron out

A Pen by Keith Clark on CodePen.

License.

CSS3 animated Pricing tables

These pricing tables were developed by Sqra Web Design. If you want to use them commercially you need to purchase the license at codecanyon. Its $3. However if you want the click animation you can copy it here since I developed that part.

A Pen by Brendan Skousen on CodePen.

License.

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

A simple pricing table

A pricing table shamelessly copied from dribbble

A Pen by hady 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 / 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.

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 / A-Pen-by-Arlekino.markdown
Created January 28, 2014 01:16
A Pen by Arlekino.