Nicolas Gallagher necolas
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Adds custom retweet and delicious buttons to Wordpress template | |
| // Uses bit.ly, 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
November 5, 2010 09:49
Create and append style sheets to document <head> using JavaScript
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function() { | |
| var css = [ | |
| '/css/default.css', | |
| '/css/section.css', | |
| '/css/custom.css' | |
| ], | |
| i = 0, | |
| link = document.createElement('link'), | |
| head = document.getElementsByTagName('head')[0], | |
| tmp; |
necolas
/ contain-floats.css
Created
April 22, 2011 00:36
Cross-browser, consistent float-containment methods
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * 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 | |
| */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * HTML5 ✰ Boilerplate | |
| * | |
| * 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: | |
| * - yui.yahooapis.com/2.8.1/build/base/base.css | |
| * - camendesign.com/design/ | |
| * - praegnanz.de/weblog/htmlcssjs-kickstart |
necolas
/ css-responsive-images.html
Created
May 18, 2011 13:33
Idea for CSS-only responsive images using CSS3 generated content and attr() function. No browser implementation as of May 2011
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>CSS responsive images</title> | |
| <style> | |
| /* Doesn't stop original source image being | |
| downloaded too */ | |
| @media (min-device-width:600px) { |
necolas
/ ie-cc-1.html
Created
May 20, 2011 12:15
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en" | |
| xmlns="http://www.w3.org/1999/xhtml" | |
| xmlns:og="http://ogp.me/ns" | |
| xmlns:fb="http://www.facebook.com/2008/fbml"> | |
| <head> | |
| <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]--> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Property prefix hacks | |
| */ | |
| /* IE6 only - any combination of these characters */ | |
| _ - £ ¬ ¦ | |
| /* IE6/7 only - any combination of these characters */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ============================================================================= | |
| 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; } | |
| /* ============================================================================= | |
| Base |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Updated to use the function-based method described in http://www.phpied.com/social-button-bffs/ | |
| * 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], |
necolas
/ inline-block-example.html
Created
July 28, 2011 16:22
— forked from fcalderan/inline-block-example.html
Inline-block layout component
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="ibw"> | |
| <div class="ib">inline block</div> | |
| <div class="ib">inline block</div> | |
| <div class="ib">inline block</div> | |
| </div> |
OlderNewer