Skip to content

Instantly share code, notes, and snippets.

@dotnetCarpenter
dotnetCarpenter / dabblet.css
Last active September 27, 2016 19:29
Minimum required to set an underline that can be animated
/**
* Minimum required to set an underline that can be animated
*/
.f-jons-demo1 h2 {
display: inline; /* an inline element only takes up the size of its content (the content is "Hello World") */
color: darkred;/* not needed - set the color of the text */
background: linear-gradient(grey, grey) bottom / 100% .1em no-repeat;
}
/* The above can also be written like this: */
@dotnetCarpenter
dotnetCarpenter / dabblet.css
Last active September 27, 2016 16:35 — forked from LeaVerou/dabblet.css
Text-underline-animation
/**
* Text-underline-animation
*/
a {
font-size: 500%;
text-decoration: none;
background: linear-gradient(currentColor, currentColor) bottom / 0 .1em no-repeat;
transition: 1s background-size;
}
@dotnetCarpenter
dotnetCarpenter / taptest2
Created January 6, 2016 11:16
https://github.com/tapjs/node-tap/issues/199 - output of running tap test/*.js -C --coverage
TAP version 13
# Subtest: test/304.js
# Subtest: 304_not_modified
ok 1 - first request should be a 200
ok 2 - second request should be a 304
ok 3 - should return a strong etag
1..3
ok 1 - 304_not_modified # time=212.235ms
# Subtest: 304_not_modified_weak
@dotnetCarpenter
dotnetCarpenter / taptest
Created January 5, 2016 21:54
https://github.com/tapjs/node-tap/issues/199 - output of running tap test/*.js -C --coverage
TAP version 13
# Subtest: test/304.js
# Subtest: 304_not_modified
ok 1 - first request should be a 200
ok 2 - second request should be a 304
ok 3 - should return a strong etag
1..3
ok 1 - 304_not_modified # time=224.058ms
# Subtest: 304_not_modified_weak

SVG Filters Gray -> Non-linear Color

Using SVG filters to turn a grayscale image into a multi-toned image with pure whites and blacks but colored mid-tones. Not sure if there is a name for this in traditional graphic printing.

If you un-comment the section of CSS, the color becomes a hover effect.

See the Fun with Color Filters collection for more.

Forked from Amelia Bellamy-Royds's Pen CSS Filters Gray -> Color.

@dotnetCarpenter
dotnetCarpenter / dabblet.css
Created September 7, 2014 18:32
indecks logo animation
/**
* indecks logo animation
*/
background: #fff;
@dotnetCarpenter
dotnetCarpenter / dabblet.css
Created May 20, 2014 16:52
indecks logo animation
/**
* indecks logo animation
*/
background: #fff;
@dotnetCarpenter
dotnetCarpenter / dabblet.css
Created May 20, 2014 14:47
indecks logo animation
/**
* indecks logo animation
*/
background: #fff;
module.exports = function(grunt) {
// grunt.registerTask('custom', 'Add a custom task to grunt', function() {
// ;
// }
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
cssmin: {
compress: {
files: {
var empty_list = function(selector) {
return selector(undefined, undefined, true);
};
var prepend = function(el, list) {
return function(selector) {
return selector(el, list, false);
};
};
var head = function(list) {