Skip to content

Instantly share code, notes, and snippets.

🏠
Working from home

Momin Riyadh momin-ctg

🏠
Working from home
Block or report user

Report or block momin-ctg

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@momin-ctg
momin-ctg / adding.html
Created Feb 2, 2019
State based UI vs. manual DOM manipulation
View adding.html
<style>
body {
margin: 0 auto;
max-width: 40em;
width: 88%;
}
label,
input {
@momin-ctg
momin-ctg / 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>
</div>
@momin-ctg
momin-ctg / css-media-queries-cheat-sheet.css
Created Jan 10, 2019 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
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-ctg
momin-ctg / docker-help.md
Created Aug 15, 2018 — forked from bradtraversy/docker-help.md
Docker Commands, Help & Tips
View docker-help.md

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-ctg
momin-ctg / 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 */
}
@media
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-ctg
momin-ctg / 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) {
//CSS
View jsanimation.html
<!DOCTYPE html>
<html>
<head>
<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">
<title>js-animation</title>
<link href="https://fonts.googleapis.com/css?family=Spectral+SC:400,400i,500,500i,600|Trykker" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<style>
View email_signature.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Rancon Email Signature</title>
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
margin:0; padding:0;
}
@momin-ctg
momin-ctg / Regex.html
Created Nov 15, 2017
Password Regex/ Pattern
View Regex.html
<form action="" method="post">
<input type="password" pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*]).{8,}" required>
<input type="submit" value="send">
</form>
You can’t perform that action at this time.