Skip to content

Instantly share code, notes, and snippets.

Chris Coyier chriscoyier

Block or report user

Report or block chriscoyier

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
View wp_css_tricks_images_responsive.php
<?php
// I could use some help with this.
// It looks SUPER close to working, but at the final moment, it doesn't.
// Example post HTML
// https://gist.github.com/chriscoyier/27954c6e12c96fadeb6f
View overloaded.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="google" value="notranslate">
<title>CodePen Overloaded</title>
<style>
View gist:5801571
<?php
$src = '<iframe src="http://player.vimeo.com/video/68302803" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
$matches = preg_match('/player\.vimeo\.com\/video\/(\d+)/', $src, $match);
if ($matches) {
$id = $match[1];
$apiurl = 'http://vimeo.com/api/v2/video/' . $id . '.json';
$response = file_get_contents($apiurl);
$json = json_decode($response, true);
View url-spamcheck.php
<?php
function rkv_url_spamcheck( $approved , $commentdata ) {
$author_url = $commentdata['comment_author_url'];
$author_url_length = strlen($author_url);
if ($author_url_length > 50 )
$approved = 'spam';
View dabblet.css
body {
font-family: sans-serif;
}
ul {
list-style: none
}
li {
background: slategrey;
@chriscoyier
chriscoyier / dabblet.css
Created Feb 29, 2012 — forked from JosephSilber/dabblet.css
CSS Pac-Man BUG IN CHROME 17 WINDOWS
View dabblet.css
/* CSS Pac-Man BUG IN CHROME 17 WINDOWS */
#pacman {
width: 0;
height: 0;
border: 60px solid red;
border-right-color: transparent;
border-radius: 50%;
}
View dabblet.css
/**
* Lined Paper
*/
html {
background-color:white;
padding:10px;
font-family:sans-serif; font-size:15px;
}
body {
@chriscoyier
chriscoyier / dabblet.css
Created Feb 22, 2012 — forked from anonymous/dabblet.css
pseudo element as background-size
View dabblet.css
/* pseudo element as background-size */
* {
margin: 0;
padding: 0;
}
p {
position: relative;
height: 400px;
font-size: 100px;
@chriscoyier
chriscoyier / dabblet.css
Created Feb 22, 2012 — forked from anonymous/dabblet.css
pseudo element as background-size
View dabblet.css
/* pseudo element as background-size */
* {
margin: 0;
padding: 0;
}
p {
position: relative;
height: 400px;
font-size: 100px;
@chriscoyier
chriscoyier / dabblet.css
Created Feb 22, 2012 — forked from anonymous/dabblet.css
pseudo element as background-size
View dabblet.css
/* pseudo element as background-size */
* {
margin: 0;
padding: 0;
}
p {
position: relative;
height: 400px;
font-size: 100px;
You can’t perform that action at this time.