| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| <script src="jquery.ketchup.all.min.js" type="text/javascript"></script> | |
| </head> | |
| <body> | |
| <div id="email"> | |
| <span>Enter your email to sign up</span> | |
| <form action="/subscribe.php" id="invite" method="POST"> |
| (function(d) { | |
| var dl = d.createElement('a'); | |
| dl.innerText = 'Download MP3'; | |
| dl.href = "http://media.soundcloud.com/stream/"+d.querySelector('#main-content-inner img[class=waveform]').src.match(/\.com\/(.+)\_/)[1]; | |
| dl.download = d.querySelector('em').innerText+".mp3"; | |
| d.querySelector('.primary').appendChild(dl); | |
| dl.style.marginLeft = '10px'; | |
| dl.style.color = 'red'; | |
| dl.style.fontWeight = 700; | |
| })(document); |
I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.
If you want to roll up all of these into a single jQuery plugin check out Sharrre
Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.
| <?php | |
| /* | |
| @author Corey Brown https://github.com/coreyweb | |
| This code will display the 10 most commented on posts. | |
| Rules: | |
| - published within the last month | |
| - at least one comment made in the last week |
| var express = require('express') | |
| , app = express() | |
| , jsdom = require('jsdom'); | |
| app.set('views', __dirname); | |
| app.get('/', function(request, response) { | |
| jsdom.env({ | |
| html: 'http://bryanirace.com', | |
| scripts: ['http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js'], |
When times get tough and people get nasty, you’ll need more than a killer smile. You’ll need a killer contract.
Used by 1000s of designers and developers Clarify what’s expected on both sides Helps build great relationships between you and your clients Plain and simple, no legal jargon Customisable to suit your business Used on countless web projects since 2008
…………………………
| ['rg_di', 'rg_li'].forEach(function(cl){Array.prototype.slice.call(document.getElementsByClassName(cl)).forEach(function(el){el.style.margin = 0;});}) |
| // export as a Node module, an AMD module or a global browser variable | |
| if (typeof module !== 'undefined') { | |
| module.exports = myModule; | |
| } else if (typeof define === 'function' && define.amd) { | |
| define(function() { | |
| return myModule; | |
| }); |
