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 /
Created Oct 9, 2019
Fichero para cambiar crontab sin usar crontab -e


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


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

¿Cómo lo hago?

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


  • 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 / vue-domcontentloaded.vue
Created Sep 11, 2019
Vue DOMContentLoaded: usar vue como si fuera el DOMContentLoaded de JavaScript
View vue-domcontentloaded.vue
<div>{{ asyncText }}</div>
export default {
data: () => ({
asyncText: 'Mi componente'
// Usamos el mounted como punto de inicio
mrroot5 /
Created Aug 12, 2019
Nuxt vuex-persistedstate no guarda el estado en el localstorage


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


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 / 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 /
Created Jun 27, 2019
Obtener las ramas que no se le ha hecho merge a develop
git log --pretty=oneline --merges --grep="into 'develop'" master..develop | cut -d "'" -f2
mrroot5 /
Last active Jun 5, 2019
Instalar entorno de desarrollo


wget -qO- | bash
nvm install --lts
pip3 install docker-compose
pip3 install pylint


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


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 /
Last active May 18, 2019
What is functional programming?


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 / 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.