Skip to content

Instantly share code, notes, and snippets.

🏠
Working from home

Adrián G mrroot5

🏠
Working from home
Block or report user

Report or block mrroot5

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
@mrroot5
mrroot5 / where_is_crontab.md
Created Oct 9, 2019
Fichero para cambiar crontab sin usar crontab -e
View where_is_crontab.md

Problema

Queremos cambiar los trabajos de crontab pero sin acceder a la terminal por lo que no podemos usar el famoso crontab -e.

Solución

Modificar manualmente el fichero donde se guardan los trabajos de crontab sin necesidad de iteraccin por parte del usuario.

¿Cómo lo hago?

@mrroot5
mrroot5 / README.md
Last active Oct 8, 2019
Dynamic shadow: sombra dinámica que cambia de color según el color de fondo del elemento
View README.md

Explanation

  • position: relative on the element establishes a Cartesian positioning context for psuedo-elements.
  • z-index: 1 establishes a new stacking context.
  • ::after defines a pseudo-element.
  • position: absolute takes the pseudo element out of the flow of the document and positions it in relation to the parent.
  • width: 100% and height: 100% sizes the pseudo-element to fill its parent's dimensions, making it equal in size.
  • background: inherit causes the pseudo-element to inherit the linear gradient specified on the element.
  • top: 0.5rem offsets the pseudo-element down slightly from its parent.
  • filter: blur(0.4rem) will blur the pseudo-element to create the appearance of a shadow underneath.
@mrroot5
mrroot5 / vue-domcontentloaded.vue
Created Sep 11, 2019
Vue DOMContentLoaded: usar vue como si fuera el DOMContentLoaded de JavaScript
View vue-domcontentloaded.vue
<template>
<div>{{ asyncText }}</div>
</template>
<script>
export default {
data: () => ({
asyncText: 'Mi componente'
}),
// Usamos el mounted como punto de inicio
@mrroot5
mrroot5 / vuex-persistedstate.md
Created Aug 12, 2019
Nuxt vuex-persistedstate no guarda el estado en el localstorage
View vuex-persistedstate.md

Problema

Al actualizar el store de Vuex usando Nuxt con el plugin vuex-persistedstate no se actualiza el LocalStorage del navegador.

Solución

La clave radica en establecer que primero cargue nuxt y después actualice el Storage. Un simil sería el "onReadY" de jQuery para el navegador.

@mrroot5
mrroot5 / cssgrid-avoid-content-overflow.css
Created Jul 21, 2019
Evitar desbordamiento del contenido en css grid. Avoid css grid content overflow
View cssgrid-avoid-content-overflow.css
.highligth {
color: red;
}
.grid-container {
display: grid;
grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto);
grid-template-rows: minmax(0, auto);
grid-gap: 0 1rem;
border: 2px solid black;
}
@mrroot5
mrroot5 / unmerged_branches.sh
Created Jun 27, 2019
Obtener las ramas que no se le ha hecho merge a develop
View unmerged_branches.sh
git log --pretty=oneline --merges --grep="into 'develop'" master..develop | cut -d "'" -f2
@mrroot5
mrroot5 / dev_environment_install.md
Last active Jun 5, 2019
Instalar entorno de desarrollo
View dev_environment_install.md

SH

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
nvm install --lts
pip3 install docker-compose
pip3 install pylint

SNAP

@mrroot5
mrroot5 / requirements.apt-install.md
Last active May 30, 2019
Instalar requirements.apt desde la terminal usando apt-get
View requirements.apt-install.md

Introducción

Queremos instalar todos los requirements de un fichero llamado requirements.apt.

Método 1: tr

sudo apt-get -y install $(tr '\n' ' ' < requirements.apt)
# -y: instalacion automatica sin preguntas

Método 2: cat

@mrroot5
mrroot5 / functional_programming.md
Last active May 18, 2019
What is functional programming?
View functional_programming.md

Explanation

Functional programming is a paradigm in which programs are built in a declarative manner using pure functions that avoid shared state and mutable data. Functions that always return the same value for the same input and don't produce side effects are the pillar of functional programming. Many programmers consider this to be the best approach to software development as it reduces bugs and cognitive load.

  • Cleaner, more concise development experience
  • Simple function composition
@mrroot5
mrroot5 / rgb2hex.js
Created May 14, 2019
RGB a hexadecimal
View rgb2hex.js
const RGBToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
RGBToHex(255, 165, 1); // 'ffa501'
You can’t perform that action at this time.