Skip to content

Instantly share code, notes, and snippets.

andersdn

Block or report user

Report or block andersdn

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@andersdn
andersdn / flippin-bars-with-css-variables-webkit-only.markdown
Created Apr 27, 2017
flippin' bars with CSS variables (WebKit only)
View flippin-bars-with-css-variables-webkit-only.markdown

flippin' bars with CSS variables (WebKit only)

Watch me code this in9 minutes (you can also speed it up if you feel I'm typing/ speaking too slow). WebKit only! Firefox and Edge don't support calc() as an animation-delay value and Firefox doesn't support calc() in rgb() either. If you like this demo in particular and my demos in general, please consider one of the following:

@andersdn
andersdn / index.html
Created Jan 23, 2017
some underscore templating
View index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TITLE</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
</head>
<body>
<div id="container">
@andersdn
andersdn / _tlp-dashboard.html
Last active Jan 29, 2017
Basic (jquery) ajax template loading for underscore js
View _tlp-dashboard.html
<html>
<body>
<h1>Foo is <%= foo %></h1>
<% _.each(baz,function(value,index){ %>
<h2>Baz <%= index %> is <%= value %>
<h2>
<% }) %>
</body>
</html>
@andersdn
andersdn / Font Awesome Colored - Brand And Social Icons.markdown
Created Oct 30, 2015
Font Awesome Colored - Brand And Social Icons
View Font Awesome Colored - Brand And Social Icons.markdown

Font Awesome Colored - Brand And Social Icons

Font Awesome Brand and social Icons with brand color

A Pen by Amey Raut on CodePen.

License.

@andersdn
andersdn / index.html
Created Aug 22, 2012
Checkboxes created to look and behave like Android's new Holo UI. Pseudo checkbox created using data roles, with a "border triangle" added as required,
View index.html
<div class="holoform dark">
<span class="checkbox">
<label for="check1">This is the label</label>
<span>
<input type="checkbox" name="check1" id="check1">
<label data-on="ON" data-off="OFF"></label>
</span>
</span>
<span class="checkbox">
<label for="check2">This one is already checked</label>
@andersdn
andersdn / index.html
Created Aug 22, 2012
Checkboxes created to look and behave like Android's new Holo UI. Pseudo checkbox created using data roles, with a "border triangle" added as required,
View index.html
<div class="holoform dark">
<span class="checkbox">
<label for="check1">This is the label</label>
<span>
<input type="checkbox" name="check1" id="check1">
<label data-on="ON" data-off="OFF"></label>
</span>
</span>
<span class="checkbox">
<label for="check2">This one is already checked</label>
You can’t perform that action at this time.