A more accessible version of the demo found here: http://css-tricks.com/circular-3d-buttons/
Accessiblity HTML for the font icons from here: http://css-tricks.com/html-for-icon-font-usage/
A Pen by Chris Coyier on CodePen.
alx.lnv venil
Using degrees to specify shadow direction
A Pen by Hugo Darby-Brown on CodePen.
A Pen by Louis Coyle on CodePen.
I tried different animations for CSS loaders. Pick what you want ;)
A Pen by Geoffrey Crofte on CodePen.
venil
/ Off-Canvas-Partial-Touch-Template.markdown
Created
January 12, 2014 02:16
A Pen by Oliver Knoblich.
with hammer.js and Flexbox
A Pen by Oliver Knoblich on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <article id="info"> | |
| <header> | |
| <h1><strong>sketch.js</strong> demo</h1> | |
| <h2>Spawn particles with your mouse</h2> | |
| </header> | |
| <a href="https://github.com/soulwire/sketch.js/zipball/master">Download</a> | |
| <a href="https://github.com/soulwire/sketch.js">View on Github</a> | |
| </article> | |
| <div id="container"></div> |
venil
/ Direction-aware-hover-pure-CSS.markdown
Created
January 12, 2014 01:26
A Pen by Fabrice Weinberg.
Just a little experiment with pseudo elements. Semantic HTML is maintained. No boilerplate elements.
A Pen by Fabrice Weinberg on CodePen.
venil
/ AngularJS FlashMessage
Created
January 12, 2014 00:59
— forked from Lawondyss/AngularJS FlashMessage
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| myApp = angular.module 'myApp', [] | |
| myApp.service 'FlashMessage', ($rootScope) -> | |
| Flash = () -> | |
| $rootScope.flashes = [] | |
| $rootScope.$on '$routeChangeSuccess', () -> | |
| $rootScope.$broadcast 'FlashMessage:reset', $rootScope.flashes = [] | |
| return |
NewerOlder