Query.mmenu

Query.mmenu

A jQuery menu plugin for creating app look-alike, responsive, sliding, off-canvas menus for mobile and desktop responsive websites.

------------

CSSynth: Run CSS animations in order

CSSynth

A nice CSS generator for animations by Bennett Feely.

------------

Image Cropper

JS Image Cropper

A jQuery image cropping plugin by Fengyuan Chen.

------------

Pixel Art to CSS

Pixel Art to CSS

Another nice CSS generator for converting pixel art to CSS by BÄ´┐Żlaj Marius.

------------

3D Grid Effect

3D Grid Effect

Codrops shows you a proof-of-concept effect recreation of the animation seen in a prototype app by Marcus Eckert. The idea is to flip a grid item in 3D, expand it to fullscreen and reveal some associated content.

DEMO   |   TUTORIAL

------------

Playing with CSS3 Animations

Playing with CSS3 Animations

Designmodo shares advanced visual animations with CSS keyframes. This tutorial shows animating several HTML elements simultaneously and taking advantage of keyframe flexibility. All delays will be managed directly with CSS - no javascript timeout().

DEMO   |   TUTORIAL

------------

Responsive CSS Keyframe Animations

Responsive CSS Keyframe Animations

Another tut from designmodo shows very nice responsive animations with a SUBMIT button.

DEMO   |   TUTORIAL

------------

8 Pure CSS Mobile Devices

8 Pure CSS Mobile Devices

Pure CSS Mobile Devices Freebie from Marvel App - all colours of Apple iPhone 5S, iPhone 5C, iPhone 4S, iPad Mini, Nexus 5, Galaxy S5, HTC One and Lumia 920.

------------

Update: CSS A/Z

CSS A/Z

An entirely HTML/CSS animated sketch for each letter made (hopefully) every day for 26 days, by Alex Bergin.

------------

CSS Side Sliding Menu

CSS Side Sliding Menu

A cool CSS side sliding menu via CodePen

------------

Sweet Ass Buttons

Sweet Ass Buttons

Pure CSS Buttons with cool downstate using pseudo classes, via CodePen

------------

CSS Menu Animation

CSS Menu Animation

Pure CSS menu animation via CodePen

------------

Fixed Background Illusion

Fixed Background Illusion

This bit of CSS demonstrates how two fixed backgrounds can be layered so that the view port div of the top layer, appears to change the state of the bottom, or background layer.

------------

Found is our way of sharing the best articles, resources and tutorials that find their way to the eyeballs of the CSSDA crew.