Skip to content

Instantly share code, notes, and snippets.

Working from home

Momin Riyadh momin-riyadh

Working from home
View GitHub Profile
View terminal-cheat-sheet.txt
# Terminal Cheat Sheet
pwd # print working directory
ls # list files in directory
cd # change directory
~ # home directory
.. # up one directory
- # previous working directory
help # get help
-h # get help
momin-riyadh / adding.html
Created Feb 2, 2019
State based UI vs. manual DOM manipulation
View adding.html
body {
margin: 0 auto;
max-width: 40em;
width: 88%;
input {
momin-riyadh / active-class.html
Last active Jan 20, 2019
Vanilla JavaScript Active Class onDemand
View active-class.html
<div id="js-id-name" class="cm-category-nav">
<a class="anchor-link-class-name active-class" href="homepage-tags.html">Featured</a>
<a class="anchor-link-class-name" href="javascript:void(0)">Water</a>
<a class="anchor-link-class-name" href="javascript:void(0)">Travel</a>
<a class="anchor-link-class-name" href="javascript:void(0)">House</a>
<a class="anchor-link-class-name" href="javascript:void(0)">Old</a>
View css-media-queries-cheat-sheet.css
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
momin-riyadh /
Created Aug 15, 2018 — forked from bradtraversy/
Docker Commands, Help & Tips

Docker Commands, Help & Tips

Show commands & management commands

$ docker

Docker version info

View content-block.html
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-7 col-lg-5 ml-md-auto">
<h1>Design Blocks</h1>
<p class="text-h3">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</p>
<p class="mt-5">
<img alt="image" height="25" class="mr-4" src="./imgs/customers/samsung.svg">
<img alt="image" height="25" class="mr-4" src="./imgs/customers/adobe.svg">
<img alt="image" height="25" src="./imgs/customers/amazon.svg">
momin-riyadh / mq.css
Created Jun 11, 2018 — forked from jamiehs/mq.css
Media Query Breakpoints for Retina Displays
View mq.css
@media only screen and (min-width: 320px) {
/* Small screen, non-retina */
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
momin-riyadh / media-query.css
Created Jun 10, 2018 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
View media-query.css
##Device = Desktops
##Screen = 1281px to higher resolution desktops
@media (min-width: 1281px) {
View jsanimation.html
<!DOCTYPE html>
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link href=",400i,500,500i,600|Trykker" rel="stylesheet">
<link rel="stylesheet" href="" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
View email_signature.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""> <html xmlns="" xml:lang="en">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Rancon Email Signature</title>
<style type="text/css">
@import url(;
* {
margin:0; padding:0;