Fionna Chan fionnachan

🐱

Je code, donc je suis. ʕ•ᴥ•ʔ

anonymous / index.html

Created November 9, 2016 17:44

Capture FB Reactions count and show them on webpage


	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>My FB Reactions Page</title>
	<style>
	html {
	box-sizing: border-box;
	width: 100%;

Restuta / the-bind-problem.jsx

Last active March 16, 2024 00:22

React, removeEventListener and bind(this) gotcha

	/* Sometimes it's pretty easy to run ito troubles with React ES6 components.
	Consider the following code: */

	class EventStub extends Component {
	componentDidMount() {
	window.addEventListener('resize', this.onResize.bind(this)); //notice .bind
	}

	componentWillUnmount() {
	window.removeEventListener('resize', this.onResize.bind(this));

protrolium / YouTube API — getting video thumbnail

Created February 5, 2014 19:57

YouTube API — getting video thumbnail

	Each YouTube video has 4 generated images. They are predictably formatted as follows:

	http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

	The first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1.jpg, 2.jpg, 3.jpg) is:

	http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

miloplacencia / lazyload.js

Created October 22, 2012 14:39

lazyload.js (c) Lorenzo Giuliani

	/* lazyload.js (c) Lorenzo Giuliani
	* MIT License (http://www.opensource.org/licenses/mit-license.html)
	*
	* expects a list of:
	* `<img src="blank.gif" data-src="my_image.png" width="600" height="400" class="lazy">`
	*/

	!function(window){
	var $q = function(q, res){
	if (document.querySelectorAll) {