Skip to content

Instantly share code, notes, and snippets.

View chriscoyier's full-sized avatar

Chris Coyier chriscoyier

10.8k followers · 247 following
View GitHub Profile
@chriscoyier
chriscoyier / dabblet.css
Created January 9, 2012 03:25
Loading dot dot dot
/*
Loading dot dot dot
*/
body {
padding: 100px;
font-size: 62.5%;
}
.loading {
@chriscoyier
chriscoyier / gist:945619
Created April 28, 2011 01:33
commentgraph.php
<?php
/*
Template Name: Comment Graph
*/
?>
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
@chriscoyier
chriscoyier / gulpfile.js
Last active January 31, 2019 06:46
// Should I be ES6+ing this file? Does it matter? Seems like it would feel nicer but running Babel over this file feels like ouroboros.
// I'm using Gulp 3.x. I couldn't for the life of me get Gulp 4.x going, I think because my Gulp CLI was at too high (??) of a version and no amount of uninstalling and reinstalling would bring it back down.
var gulp = require("gulp");
// I thought I needed this until I found out about gulp.series. Can I refactor anything here?
var runSequence = require("run-sequence");
// Would this be a speed boost for anything? As in, only looking at files that have changed instead of all files?
// https://github.com/sindresorhus/gulp-changed
@chriscoyier
chriscoyier / keybase.md
Created January 28, 2019 16:51

Keybase proof

I hereby claim:

  • I am chriscoyier on github.
  • I am chriscoyier (https://keybase.io/chriscoyier) on keybase.
  • I have a public key ASAOqGFRMkYF7J1yITeO3M2VMTRRoozedjmZoEz-UBGVTwo

To claim this, I am signing this object:

@chriscoyier
chriscoyier / highlighting.css
Created December 15, 2018 14:59
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #777;
}
.token.punctuation,
.token.tag,
.token.attr-name {
@chriscoyier
chriscoyier / CSS to remove CSS3
Created June 16, 2011 21:19
noCSS3.css
* {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: 0 !important;
-moz-box-shadow: 0 !important;
box-shadow: 0 !important;
-webkit-transition: none !important;
@chriscoyier
chriscoyier / ei.js
Created December 5, 2014 16:22
//= require libs/get_elements_by_class_name_polyfill.js
"use strict";
var CodePenEmbed = {
width: "100%",
init: function() {
this.showCodePenEmbeds();
this.listenToParentPostMessages();
@chriscoyier
chriscoyier / dabblet.css
Created March 13, 2012 19:56
Untitled
body {
padding: 20px;
}
.triangle {
width: 0;
height: 0;
border-right: 100px solid black;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
margin: 10px;
@chriscoyier
chriscoyier / broken.css
Created February 28, 2018 18:07
.asdf,
.asdf2 {
opacity: 1;
animation: pi-fadein 0.5s ease 3s forwards; }
.my-module {
opacity: 1;
opacity: 1;
opacity: 1;
opacity: opacity: 1; }
@chriscoyier
chriscoyier / jed.md
Created December 9, 2014 15:15