venil

Minimal Circular 3D Buttons

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.

venil

Shade - Shadow Mixin

Using degrees to specify shadow direction

A Pen by Hugo Darby-Brown on CodePen.

License.

venil

Fixed image backgrounds

A Pen by Louis Coyle on CodePen.

License.

venil

Cool Buttons

Only tested in Chrome

A Pen by Felipe Marcos on CodePen.

License.

venil

CSS Loader

I tried different animations for CSS loaders. Pick what you want ;)

A Pen by Geoffrey Crofte on CodePen.

License.

venil

Off Canvas Partial Touch Template

with hammer.js and Flexbox

A Pen by Oliver Knoblich on CodePen.

License.

venil

<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

Just a little experiment with pseudo elements. Semantic HTML is maintained. No boilerplate elements.

Blog post

A Pen by Fabrice Weinberg on CodePen.

License.

venil

Shape Shifter

A canvas experiment

A Pen by Alx on CodePen.

License.

venil

myApp = angular.module 'myApp', []

myApp.service 'FlashMessage', ($rootScope) ->
  Flash = () ->
    $rootScope.flashes = []

    $rootScope.$on '$routeChangeSuccess', () ->
      $rootScope.$broadcast 'FlashMessage:reset', $rootScope.flashes = []
      return