Skip to content

Instantly share code, notes, and snippets.

View cyaenorama's full-sized avatar

Sayan Das cyaenorama

View GitHub Profile
@cyaenorama
cyaenorama / git-tag-delete-local-and-remote.sh
Created January 27, 2020 10:10 — forked from mobilemind/git-tag-delete-local-and-remote.sh
how to delete a git tag locally and remote
# delete local tag '12345'
git tag -d 12345
# delete remote tag '12345' (eg, GitHub version too)
git push origin :refs/tags/12345
# alternative approach
git push --delete origin tagName
git tag -d tagName
@cyaenorama
cyaenorama / .gitconfig
Created October 28, 2019 06:59 — forked from pksunkara/config
Sample of git config file (Example .gitconfig)
[user]
name = Pavan Kumar Sunkara
email = pavan.sss1991@gmail.com
username = pksunkara
[core]
editor = vim
whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol
excludesfile = ~/.gitignore
[sendemail]
smtpencryption = tls
module.exports = {
parser: "@typescript-eslint/parser", // Specifies the ESLint parser
extends: [
"plugin:@typescript-eslint/recommended" // Uses the recommended rules from the @typescript-eslint/eslint-plugin
],
parserOptions: {
ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
sourceType: "module" // Allows for the use of imports
},
rules: {
@cyaenorama
cyaenorama / rAF.js
Created March 8, 2019 05:18 — forked from paulirish/rAF.js
requestAnimationFrame polyfill
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];

Configure Status Bar

In order to change the status bar at the top of the screen (which usually displays the time and battery status) of your progressive web app, you must use the configure few properties for your app to provide complete native look and feel.

Android

Chrome, Firefox and Opera allow you to define color of the status bar using the meta tags.

<!-- Chrome, Firefox OS and Opera -->
@cyaenorama
cyaenorama / sass-media-query-mixin
Created August 19, 2017 07:52 — forked from brettsnippets/sass-media-query-mixin
SASS - Media Query Mixin
// Named Media Query
@mixin breakpoint($point) {
@if $point == desktop {
@media (min-width: 1200px) { @content; }
}
@else if $point == tablet {
@media (min-width: 768px) and (max-width: 1024px) { @content; }
}
@else if $point == phone {
@media (max-width: 767px) { @content; }
@cyaenorama
cyaenorama / smooth.js
Created August 19, 2017 07:52 — forked from brettsnippets/smooth.js
Smooth Scroll
var smooth = {
Scroll: function(item, speed) {
// when the item is clicked
item.click(function() {
// grab the html document and / or the body
$("html, body").animate({
// grab the item clicked's href and get the distance between this element
//and the element it is scrolling to
scrollTop: $($(this).attr("href")).offset().top + "px"
}, {
@cyaenorama
cyaenorama / flexbox.css
Created August 19, 2017 07:52 — forked from brettsnippets/flexbox.css
Flexbox "Cross Browser" Sample
.content {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;