Skip to content

Instantly share code, notes, and snippets.

Avatar
🍋
Hanging around.

Robert Lemon rlemon

🍋
Hanging around.
View GitHub Profile
View darkchat.css
body {
background-color : #000 !important;
background-image : url("http://raw.github.com/oliversalzburg/se-chat-dark-theme/master/img/skewed_print.png") !important;
color : #ddd !important;
}
.messages {
background-color : #222 !important;
border : none !important;
color : #ddd !important;
View colorusers.user.js
// ==UserScript==
// @name SO Dark Chat + JS
// @author Robert Lemon
// @version 0.1.1
// @namespace
// @description adds colors to users messages and a whole bunch of other crap.
// @include http://chat.stackoverflow.com/rooms/*
// @include http://chat.stackexchange.com/rooms/*
// ==/UserScript==
(function () {
View gist:fae999ad027207f7a381
function messageIdToRoomId (mid) {
return fetch(`http://crossorigin.me/http://chat.stackoverflow.com/messages/${mid}/history`).then(function (res) {
return res.text();
}).then(function (html) {
return new DOMParser().parseFromString(html, 'text/html');
}).then(function (doc) {
return doc.querySelector(`a[name="${mid}"]`).getAttribute('href').match(/\d+/)[0];
});
}
@rlemon
rlemon / jQuery.md
Created Jan 19, 2012 — forked from Raynos/jQuery.md
Why you don't need jQuery
View jQuery.md

Why the jQuery Abstraction isn't needed.

(One needs some form of browser normalization so that modern features works, no-one is doubting that).

Abstractions that aren't needed

Selectors

QSA works (shim=sizzle). Besides selectors are generally bad practice. Favour node traversal, gEBI, gEBTN and gEBCN. (shim=domShim)

@rlemon
rlemon / gist:3090947
Created Jul 11, 2012 — forked from Zirak/gist:3086939
xhr for dummies
View gist:3090947

So, you want to send a motherfucking XMLHttpRequest (XHR, or commonly and falsly known as AJAX.) Too bad, just ran out of motherfucking XMLHttpRequests; but I still have one regular. XHR is not magic. It does not autofuckinmagically send things the way you want them do be sent. It does not do the thinking for you. It just sends an Http Request.

You get a hold on such a prime beast like this:

@rlemon
rlemon / gist:4061754
Created Nov 12, 2012 — forked from ralt/gist:4061749
My Library when IE8 won't be supported anymore
View gist:4061754
NodeList.prototype.forEach = HTMLCollection.prototype.forEach = Array.prototype.forEach;
NodeList.prototype.map = HTMLCollection.prototype.map = Array.prototype.map;
NodeList.prototype.filter = HTMLCollection.prototype.filter = Array.prototype.filter;
NodeList.prototype.reduce = HTMLCollection.prototype.reduce = Array.prototype.reduce;
NodeList.prototype.every = HTMLCollection.prototype.every = Array.prototype.every;
NodeList.prototype.some = HTMLCollection.prototype.some = Array.prototype.some;
var By = {
id: function (id) { return document.getElementById(id) },
tag: function (tag, context) {
return (context || document).getElementsByTagName(tag)
View skeet.js
var style = document.createElement('style'); style.textContent = '.vote-count-container.stars span.img, span.vote-count-container.sidebar-vote.owner-star.stars span.img, span.vote-count-container.sidebar-vote.user-star.stars span.img { background-image: url("http://0.gravatar.com/avatar/6d8ebb117e8d83d74ea95fbdd0f87e13?s=16&d=identicon&r=PG"); background-position: 0px 0px; height: 16px; width: 16px;} .user-star span.img { outline: 1px solid #ff0; }'; document.head.appendChild(style);
View illusion-of-class.md
This indirection was intended to make the language seem more familiar to classically trained programmers, but failed to do that, as we can see from the very low opinion Java programmers have of JavaScript. JavaScript's constructor pattern did not appeal to the classical crowd. It also obscured JavaScript's true prototypal nature. As a result, there are very few programmers who know how to use the language effectively.

~ Douglas Crockford, "Prototypal Inheritance"

The indirection Mr. Crockford refers to here is the Pseudo-Classical Pattern, also known as the Constructor Pattern. This is a way of simulating classical inheritance in JavaScript - a prototypal language.

If it wasn't obvious from both the title of this post, and from the frankly negative quote above, this is not my favorite object-oriented pattern in JavaScript. I'

View chat-frontend.js
$(function () {
"use strict";
// for better performance - to avoid searching in DOM
var content = $('#content');
var input = $('#input');
var status = $('#status');
// my color assigned by the server
var myColor = false;