Skip to content

Instantly share code, notes, and snippets.

View edwinwebb's full-sized avatar

Edwin Webb edwinwebb

View GitHub Profile
@edwinwebb
edwinwebb / gist:353d7a87194a357aeb77
Created November 12, 2014 10:48
Breakpoint indicator
body:before {
position: fixed;
content: "No Breakpoint";
background: white;
color:black;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
function colorText(str) {
var phase = 0;
var outputStr = new Array();
var args = new Array();
var center = 128;
var width = 127;
var frequency = Math.PI*2/str.length;
var red, green, blue, i;
function componentToHex(c) {
@edwinwebb
edwinwebb / throttle.js
Created April 30, 2015 09:40
Javascript Throttle Function
// Returns a function, that, when invoked, will only be triggered at most once
// during a given window of time. Normally, the throttled function will run
// as much as it can, without ever going more than once per `wait` duration;
// but if you'd like to disable the execution on the leading edge, pass
// `{leading: false}`. To disable execution on the trailing edge, ditto.
// Replaced namespace and _.now function to function scope
// https://github.com/jashkenas/underscore/blob/master/underscore.js#L779
function throttle(func, wait, options) {
@edwinwebb
edwinwebb / test-one.txt
Created June 17, 2015 13:03
Spot the errors
/*
JavaScript Test
---------------
A small script to open a popup when clicking a link.
Once you click on the button, clinking on it again will close the popup.
*/
/* Task One - Improve this code
@edwinwebb
edwinwebb / test-two.js
Created June 17, 2015 13:14
JS Test Two
// The expensive animation is causing performance issues. Write the function 'yourFunction' that reduces calls to the animation.
function scrollHandler() {
var items = document.querySelectorAll('.list-item');
var i = 0;
var len = items.length;
for(; i < len; i++) {
// perform expensive animation
}
@edwinwebb
edwinwebb / bulk rename
Created October 26, 2011 13:13
Rename files in directory to 1,2 ... 11,12 ... 102,103
j=0; for i in *.png; do ((j = $j+1)); k=$j".png"; mv $i $k; done
@edwinwebb
edwinwebb / equivalent.js
Created July 30, 2012 22:37 — forked from tj/equivalent.js
example of backbone-style routing with Express
app.get('/help', function(req, res){
res.send('some help');
});
app.get('/search/:query/p:page', function(req, res){
var query = req.params.query
, page = req.params.page;
res.send('search "' + query + '", page ' + (page || 1));
});
@edwinwebb
edwinwebb / gist:4024311
Created November 6, 2012 12:15
raty loop
$.fn.raty.defaults.click = function(s,e) {
$(this).siblings(".text").text(s);
};
<div class="star"></div><p class="text"></p>
$(".star").each(function(i) {
var target = $(this);
target.raty({scoreName: "score" + i})
@edwinwebb
edwinwebb / bootstrap-login
Created November 20, 2012 15:32
Bootstrap Login form
<form action="/login" method="post" class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputEmail">Email:</label>
<div class="controls">
<input type="email" name="email" placeholder="someone@example.com" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="password">Password</label>
<div class="controls">
http://blog.jonnay.net/archives/423-More-ASCII-Bunnies..html
(\(\
( - -)
((') (')
(\_/)
('.')
(')(')