Con SASS podemos crear una variable y usarla dentro de un determinado selector o clase. Para ello usaremos la interpolación de SASS envolviendo la variable dentro de la expresión #{}: Algunos ejemplo de uso: $nombre: "leon"; .header-#{$nombre} { color: black; […]

Vanilla JS: foreach

A continuación como recorrer un array usando el método forEach() de vanilla javascript. Vamos a ver 2 ejemplos diferentes, uno usando unos elementos del dom, y otro con un array en una variable. Ejemplo 1. Vamos a recorrer todos los […]

Dar formato a nuestro código de forma rápida (con un atajo de teclado) para que quede indentado en Visual Studio Code sin usar plugins, para tener nuestro código más organizado, bonito, tabulado y formateado… de forma rápida y sencilla. a) […]

2 formas diferentes de indentar código web en Sublime Text 3 sin usar plugins, para tener nuestro código más organizado, bonito, tabulado y formateado… de forma rápida y sencilla. a) Indentar desde el «menu» (opción por defecto): Seleccionamos el codigo […]

Ejemplo muy sencillo para contar y limitar la escritura a un determinado nº caracteres en un textarea usando vanilla js. En el siguiente ejemplo vamos a contar los caracteres a medida que vas escribiendo en el textarea limitando hasta un […]

Actualmente es muy sencillo usando solo CSS poder cambiar el «grosor» o «color» de la barra de desplazamiento o scroll del navegador web: a). Para cambiar el ancho usamos el pseudo-elemento -webkit-scrollbar. Ejemplo: .mi-elemento::-webkit-scrollbar{ width: 5px; } b). Para cambiar […]

Si usas el plugin de jQuery Trumbowyg como editor WYSIWYG, al escribir en el editor se usa el tag , pero es posible que quieras usar por defecto otro tag html diferente (div, span, h1…). A continuación un ejemplo para […]

La herramienta WPScan es de gran utilidad para averiguar rápidamente posibles vulnaviridades (php, themes, users, plugins…) en «nuestros» wordpress. A continuación los principales opciones del parámetro enumerate: 1. Buscar todos los plugins: wpscan –url http://tudominio.com –enumerate p 2. Buscar plugins […]

Pasos para instalar WPScan en linux (distribuciones debian/ubuntu): 1. Instalamos Ruby: sudo apt install ruby 2. Instalamos las dependencias: sudo apt install build-essential libcurl4-openssl-dev libxml2 libxml2-dev libxslt1-dev ruby-dev libgmp-dev zlib1g-dev 3. Instalamos WPScan: sudo gem install wpscan 4. Por último […]