Soy Javier Pérez, Desarrollador Web

Publico artículos sobre temas de programación.

Cosas que aprendo y pongo en practica para tenerlas a mano.

Bienvenido/a

Últimos artículos

  • ¿Qué es Nmap?

    En el mundo de la ciberseguridad y la administración de redes, una de las herramientas más populares y potentes es Nmap (Network Mapper). Se trata de un software de código abierto diseñado para explorar redes y realizar auditorías de seguridad. Su gran versatilidad lo convierte en una herramienta imprescindible tanto para profesionales como para entusiastas…

    << Leer más >>

    ,

    Fecha de publicación

    Última modificación

  • Atributos HTML

    La siguiente tabla muestra una lista de todos los atributos HTML y en que elementos se pueden utilizar. La descripción ha sido traducida. La tabla original pertenece a w3schools.com, pero la traducción automatica del navegador no traduce la descripción. Se conservan los enlaces de los atributos y etiquetas hacia w3schools. coltimcloud.com no tiene ninguna relación…

    << Leer más >>

    Fecha de publicación

    Última modificación

  • Crear un modal con HTML nativo usando popover

    Tradicionalmente, para crear un modal en una página web era necesario utilizar JavaScript o librerías externas. Sin embargo, con la nueva API de Popover de HTML, ahora es posible mostrar modales y cuadros emergentes de forma nativa, sin escribir ni una sola línea de JavaScript. Pruébalo pulsando el button: Modal Box Modal Box Esto es…

    << Leer más >>

    Fecha de publicación

    Última modificación

  • Vista previa de la imagen en HTML

    Cuando utilizamos la etiqueta HTML <input type=»file»> podemos seleccionar un archivo desde nuestro ordenador y, por defecto, el navegador nos muestra únicamente el nombre del archivo escogido. Sin embargo, podemos personalizar nuestro HTML para que, además, muestre una vista previa de la imagen seleccionada. Esto no viene por defecto en HTML, pero podemos conseguirlo fácilmente…

    << Leer más >>

    ,

    Fecha de publicación

    Última modificación

  • Imagen con fondo transparente

    Para establecer un fondo transparente en una imagen, utilizo el programa Gimp, es un editor de imágenes de código abierto. Una vez eliminado el fondo, para guardar los cambios, tenemos que exportar la imagen en formato .png.

    << Leer más >>

    Fecha de publicación

    Última modificación

  • WordPress Child Theme

    Los child theme(tema hijo) son temas secundarios que se derivan de un tema padre, permiten modificar el código sin tener que modificar el tema padre, que en caso de actualizarlo, borraría nuestras modificaciones en el caso de no tener un tema hijo. Un child theme es una extensión de un tema principal. En este artículo detallaré brevemente, en 3 pasos, sin…

    << Leer más >>

    Fecha de publicación

    Última modificación

  • Plugins útiles de WordPress

    Esta es una lista de los plugins que me han sido útiles cuando he construido páginas en WordPress. Me gustaría que dejes un comentario con tus plugins favoritos para ir ampliando la lista.

    << Leer más >>

    Fecha de publicación

    Última modificación

  • JS – Function

    Una function(función) es un bloque de codigo reutilizable, permite organizar mejor un programa, evita repetir instrucciones y hacen que el código sea más limpio y facil de mantener. Podemos pensar que una función es como una máquina, que recibe datos de entrada, los procesa y devuelve un resultado. Las funciones son un conjunto de instrucciones…

    << Leer más >>

    Fecha de publicación

    Última modificación

  • JS – Primitive Types & Reference Type

    El concepto más importante en JavaScript es que todo en JavaScript son objetos. Los objetos son una colección de pares nombre: valor, donde el nombre es una string y el valor puede ser un number, string, boolean o cualquier otra cosa. Una function es un objeto, un array es un objeto, un number es un…

    << Leer más >>

    Fecha de publicación

    Última modificación

  • Consola de desarrollo del navegador

    Los navegadores incorporan una sección con una serie de herramientas para desarrolladores que nos muestran información sobre el sitio web que estamos visitando, la consola de desarrollo del navegador, aquí voy a explicar algunas de ellas. Utilizare Google Chrome y la página de ejemplo que utilizaré es https://developer.mozilla.org/en-US/. Para abrir la consola de desarrollo, abre…

    << Leer más >>

    ,

    Fecha de publicación

    Última modificación

Categorías

Cool Color Cloud

Selector de Colores
Código HEX inválido
HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)

Colores guardados:

Tabla de Máscaras de Red

Prefijo Máscara Bits Hosts
/8255.0.0.02416777216
/9255.128.0.0238388608
/10255.192.0.0224194304
/11255.224.0.0212097152
/12255.240.0.0201048576
/13255.248.0.019524288
/14255.252.0.018262144
/15255.254.0.017131072
/16255.255.0.01665536
/17255.255.128.01532768
/18255.255.192.01416384
/19255.255.224.0138192
/20255.255.240.0124096
/21255.255.248.0112048
/22255.255.248.0101024
/23255.255.254.09512
/24255.255.255.08256
/25255.255.255.1287128
/26255.255.255.192664
/27255.255.255.224532
/28255.255.255.240416
/29255.255.255.24838
/30255.255.255.25224