Skip to content

Instantly share code, notes, and snippets.

View gugadev's full-sized avatar
🌐
Web & Mobile

Gustavo García gugadev

🌐
Web & Mobile
View GitHub Profile
@gugadev
gugadev / ios-chrome-devtools.md
Created September 24, 2019 14:53 — forked from james2doyle/ios-chrome-devtools.md
Enable remote debugging on the iOS simulator using Chrome Dev Tools

Install the tools:

brew install ios-webkit-debug-proxy

Run the simulator. And choose an iOS 10 device. The chrome remote debugging doesn't work with iOS 11 yet.

Enable the inspector

@gugadev
gugadev / style.css
Created September 17, 2019 18:22 — forked from Kvaibhav01/style.css
CSS file for Material ripple effect without JS
.container {
background-color: #c1c1c1;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.btn {
background-color: orange;
@gugadev
gugadev / camelToKebab.js
Created September 8, 2019 01:36 — forked from nblackburn/camelToKebab.js
Convert a string from camel case to kebab case.
module.exports = (string) => {
return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
};
@gugadev
gugadev / accordion.component.ts
Last active August 7, 2019 20:03
Pacífico Elements snippets
import { Component } from '@angular/core'
import '@pacificoseguros/elements/accordion'
import '@pacificoseguros/elements/typography'
import '@pacificoseguros/elements/number'
import '@pacificoseguros/icons/ambulance'
@Component({
selector: 'app-accordion-demo',
templateUrl: './accordion.html'
})
@gugadev
gugadev / ce-pragma.ts
Last active December 2, 2023 07:44
custom-elements-jsx-pragma
import React, { FunctionComponent, ReactChild } from 'react'
const listeners = Symbol('jsx-web-comp/event-listeners')
const eventPattern = /^onEvent/
const toKebabCase = (str: string): string => str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()
export default function jsx (type: string | FunctionComponent, props: Record<string, any>, ...children: ReactChild[]) {
const isCustomElement = customElements.get(type as string)
const newProps = { ...props }
@gugadev
gugadev / observables.ts
Last active January 18, 2019 16:37
RxJs Observables
import chalk from 'chalk';
import {
Observable,
Observer,
Subscription,
Subject,
Subscriber,
ConnectableObservable,
BehaviorSubject,
ReplaySubject,
@gugadev
gugadev / README.md
Last active October 26, 2018 17:20
IP Locator
yarn install
yarn run shit --ip=<ip here>
@gugadev
gugadev / oops.css
Created July 20, 2018 12:31
React SVG 404 animation
.oops {
margin: 0;
padding: 0;
background-color: #0a1821;
flex: 1;
height: 100%;
width: 100%;
color: #fff;
position: relative;
text-align: center;
# Import the public repository GPG keys
curl https://packages.microsoft.com/keys/microsoft.asc | sudo apt-key add -
# Register the Microsoft Ubuntu repository
curl https://packages.microsoft.com/config/ubuntu/16.04/prod.list | sudo tee /etc/apt/sources.list.d/microsoft.list
# Update apt-get
sudo apt-get update
# Install PowerShell
@gugadev
gugadev / gist:3e7e4b608b83771165ded4e7743efa8b
Created October 19, 2017 19:06 — forked from lttlrck/gist:9628955
rename git branch locally and remotely
git branch -m old_branch new_branch # Rename branch locally
git push origin :old_branch # Delete the old branch
git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote