hadyfayed

CSS3 Animated Grid Boxes

experimenting with content presentation for a landing page.

A Pen by Colin on CodePen.

License.

hadyfayed

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

UI Elements

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

A Pen by Colin on CodePen.

License.

hadyfayed

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

Buttons with or without icon. No extra tags.

Add the icon to the button. No need for extra tag with the icon inside. Same tag with or with text. Supported in IE9+ and other modern browser.

A Pen by Mads Hensel on CodePen.

License.

hadyfayed

Pure CSS Loaders kit

Single Element pure CSS Spinners & Loaders

A Pen by Viduthalai Mani on CodePen.

License.

hadyfayed

breakPointer

A little CSS driven module to drop into your project to expose which breakpoint/media query is active.

A Pen by Joe Watkins on CodePen.

License.

hadyfayed

Live LESS Compilation

Compile LESS as it's typed on the page.

A Pen by Derek Wheelden on CodePen.

License.

hadyfayed

User Listing

A little design for a web chat app I'm working on.

A Pen by Derek Wheelden on CodePen.

License.

hadyfayed

CSS3 Tabbed Content

Tabbed content made using only CSS.

A Pen by JustAnotherCoder on CodePen.

License.