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 / git-branch.md
Last active Sep 27, 2019
Comando útiles de git branch (tracking, delete, etc.)
View git-branch.md

Introducción

En este gist veremos como establecer una rama diferente a master para hacer tracking.

Eliminar localmente las ramas mergeadas a master

Cuando ya tengamos listo nuestro deploy a master y tengamos actualizado nuestro repo localmente esta puede ser la mejor forma de eliminar esas ramas sobrantes que no vamos a tocar.

@mrroot5
mrroot5 / capitalize.js
Last active Sep 26, 2019
Javascript title case capitalize
View capitalize.js
function titleCase(text) {
if (typeof text !== 'string') return ''
return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
}
var myString = "my awesomE String";
titleCase(myString);
// My awesome string
@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 / git_rm.md
Last active Aug 30, 2019
git rm. Elimina todos los ficheros borrados. FROM: https://stackoverflow.com/a/5147119/3377046
View git_rm.md

Hacer git rm de cada fichero cuando tenemos una gran cantidad de ellos a eliminar puede resultar en una gran pérdida de tiempo. Con esta única línea (probada en Ubuntu / Debian) eliminamos todos los ficheros de golpe:

git ls-files --deleted -z | xargs -0 git rm

También podemos probar con git add pero en este caso se recomienda que solamente existan unstaged los ficheros a eliminar y por tanto, tengas commiteados todos los que se han agregado nuevos o modificado:

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

View docker_remove.md

Intro

En este fichero vas a aprender algunos comandos básicos para parar y eliminar contenedores además de imágenes de docker.

Contenedores

Parar todos los contenedores

docker stop $(docker ps -a -q)
@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 / 7zip_lzma_ultra.md
Last active Jul 9, 2019
p7zip lzma y lzma2 comprensión máxima ultra
View 7zip_lzma_ultra.md
You can’t perform that action at this time.