Skip to content

Instantly share code, notes, and snippets.

Nicolas Gallagher necolas

Block or report user

Report or block necolas

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
necolas / functions.php
Created Jun 17, 2010
Wordpress custom retweet and save buttons
View functions.php
// Adds custom retweet and delicious buttons to Wordpress template
// Uses, delicious, backtype, tweetmeme, and topsy APIs
// Adapted from Backtype Tweetcount plugin
// Nicolas Gallagher / @necolas
function tweet_save($url) {
global $post;
$url = '';
$btype_cnt = null;
$topsy_cnt = null;
necolas / stylesheet-injector.js
Created Nov 5, 2010
Create and append style sheets to document <head> using JavaScript
View stylesheet-injector.js
(function() {
var css = [
i = 0,
link = document.createElement('link'),
head = document.getElementsByTagName('head')[0],
necolas / contain-floats.css
Created Apr 22, 2011
Cross-browser, consistent float-containment methods
View contain-floats.css
* Containing floats in a consistent manner
* By Jonathan Neal and Nicolas Gallagher
* New block formatting context method
* IE 6+, Firefox 2+, Safari 4+, Opera 9+, Chrome
necolas / style.css
Created Apr 27, 2011 — forked from shichuan/style.css
css descriptions
View style.css
* HTML5Boilerplate
* style.css contains a reset, font normalization and some base styles.
* Credit is left where credit is due.
* Much inspiration was taken from these projects:
* -
* -
* -
necolas / css-responsive-images.html
Created May 18, 2011
Idea for CSS-only responsive images using CSS3 generated content and attr() function. No browser implementation as of May 2011
View css-responsive-images.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS responsive images</title>
/* Doesn't stop original source image being
downloaded too */
@media (min-device-width:600px) {
necolas / ie-cc-1.html
Created May 20, 2011
Conditional classes test cases: DRYer and Compat View icon is not displayed in IE8/9. If X-UA-Compatible header is set using a server config then ie-cc-serverconfig.html is all that is needed.
View ie-cc-1.html
<!DOCTYPE html>
<html lang="en"
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<!--[if lt IE 7]><html class="no-js ie6"><![endif]-->
<!--[if IE 7]><html class="no-js ie7"><![endif]-->
View ie-css-hacks.css
* Property prefix hacks
/* IE6 only - any combination of these characters */
_ - £ ¬ ¦
/* IE6/7 only - any combination of these characters */
necolas / style.css
Created Jun 14, 2011
HTML5 Boilerplate a la normalize.css
View style.css
/* =============================================================================
HTML5 element display
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* =============================================================================
necolas / snippet.js
Created Jun 14, 2011
Optimised async loading of cross-domain scripts
View snippet.js
* Updated to use the function-based method described in
* Better handling of scripts without supplied ids.
* N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
(function(doc, script) {
var js,
fjs = doc.getElementsByTagName(script)[0],
View inline-block-example.html
<div class="ibw">
<div class="ib">inline block</div>
<div class="ib">inline block</div>
<div class="ib">inline block</div>
You can’t perform that action at this time.