Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Joe Ng'ethe joeynimu

🏠
Working from home
View GitHub Profile
@joeynimu
joeynimu / introrx.md
Created Aug 1, 2018 — forked from staltz/introrx.md
The introduction to Reactive Programming you've been missing
View introrx.md
@joeynimu
joeynimu / 1nginx.conf
Created Mar 1, 2017 — forked from josephbolus/1nginx.conf
Wordpress Nginx Config
View 1nginx.conf
# ---------------------------------------
# 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
joeynimu / gist:c83c45a164a0aecdccaa
Created Feb 11, 2016 — forked from learncodeacademy/gist:5850f394342a5bfdbfa4
SSH Basics - Getting started with Linux Server Administration
View gist:c83c45a164a0aecdccaa

###SSH into a remote machine###

ssh user@mydomain.com
#or by ip address
ssh user@192.168.1.1

exit: exit ###Install Something###

#If it's a new server, update apt-get first thing
@joeynimu
joeynimu / frontendDevlopmentBookmarks.md
Created Jan 20, 2016 — forked from dypsilon/frontendDevlopmentBookmarks.md
A badass list of frontend development resources I collected over time.
View frontendDevlopmentBookmarks.md
@joeynimu
joeynimu / Extend Recent Posts
Created Oct 28, 2015 — forked from paulruescher/Extend Recent Posts
Used this to change the output of WordPress' Recent Posts Widget
View Extend Recent Posts
/**
* 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
joeynimu / gist:d367b037be03f0724ae4
Last active Sep 9, 2015 — forked from rjacoby/gist:46f7ceb900f97b0cc8f4
Facebook STOP! console code
View gist:d367b037be03f0724ae4
__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]));
});
View pseudo-elements.md

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