Joe Ng'ethe joeynimu

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

###SSH into a remote machine###

ssh [email protected]
#or by ip address
ssh [email protected]

exit: exit ###Install Something###

#If it's a new server, update apt-get first thing

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

	# ---------------------------------------
	# Main Module
	# ---------------------------------------
	user nginx;

	# This number should be, at maximum, the number of CPU cores on your system.
	worker_processes 2;
	pid /var/run/nginx.pid;

	# Only log critical errors

	/**
	* Extend Recent Posts Widget
	*
	* Adds different formatting to the default WordPress Recent Posts Widget
	*/

	Class My_Recent_Posts_Widget extends WP_Widget_Recent_Posts {

	function widget($args, $instance) {

	__d("Chromedome", ["fbt"], function(a, b, c, d, e, f, g) {
	f.start = function(h) {
	if (h.off \|\| top !== window \|\|!/(^\|\.)facebook\.com$/.test(document.domain))
	return;
	var i = h.stop \|\| "Stop!", j = h.text \|\| "This is a browser feature intended for developers. If someone told you to copy-paste something here to enable a Facebook feature or \"hack\" someone's account, it is a scam and will give them access to your Facebook account.", k = h.more \|\| g._("For more information, see {url}.", [g.param("url", 'https://www.facebook.com/selfxss')]);
	if ((window.chrome \|\| window.safari)&&!h.textonly) {
	var l = 'font-family:helvetica; font-size:20px; ';
	[[i, h.c1 \|\| l + 'font-size:50px; font-weight:bold; ' + 'color:red; -webkit-text-stroke:1px black;'], [j, h.c2 \|\| l], [k, h.c3 \|\| l], ['', '']].map(function(r) {
	setTimeout(console.log.bind(console, '\n%c' + r[0], r[1]));
	});