joeynimu

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

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.

---

joeynimu

# ---------------------------------------
# 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

joeynimu

###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

joeynimu

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.

---

joeynimu

/**
 * 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) {
	

joeynimu

__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]));
            });

joeynimu

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] {