Categoría: css

Bienvenido al blog de Parzibyte. Vas a encontrar tutoriales y tips de programación, bases de datos, redes, electrónica e informática general. Ejemplos de código, aplicaciones gratuitas y open source

Plantilla inicial de Bootstrap 4 (starter template)

Bootstrap 4 (y su versión anterior, la 3) es el framework CSS más usado en el desarrollo web (por ejemplo, el sistema de cotizaciones lo usa). Como desarrolladores, necesitamos una plantilla de donde partir. Una plantilla básica o una starter template de Bootstrap para cargarla y tomarla como base para nuestros proyectos. Me di a…
Leer más

Generador de multiplicaciones online - Ejercicios de matemáticas

Generador de multiplicaciones online para imprimir y resolver

He creado un generador de multiplicaciones aleatorias, en donde se presiona un botón y se generan multiplicaciones para imprimirlas y resolverlas, funciona totalmente en línea y se pueden personalizar los números.

Aplicación de notas con localStorage, JavaScript, Bootstrap y Vue js

Aplicación web para tomar notas con JavaScript, Vue.js, Bootstrap y localStorage

Hace algún tiempo creé una aplicación web como un ejercicio para aplicar para un trabajo. Decidí hacerla con Vue.js, Bootstrap y localStorage en conjunto. Al final resultó en algo como lo de la imagen: Es una simple aplicación de notas que puedes crear, eliminar, editar y listar. También se puede cambiar el color de todas…
Leer más

Estructura de CSS y Fuentes de Font Awesome

Configuración e instalación de Iconos de Font Awesome 5.7 para uso offline

Descargar Iconos de Font Awesome para usar sin internet En este post voy a explicar cómo descargar y configurar los iconos de la librería Font Awesome para alojarlos localmente o en nuestros propios servidores. Alojar estos iconos de manera offline es importante cuando creamos aplicaciones web que no van a tener acceso a internet, es…
Leer más

Paquete de iconos Eva Icons para la web o para escritorio. Iconos Open source

Eva Icons: un paquete de iconos open source para la web o para descargar

Hoy vengo a presentar un paquete de iconos totalmente open source y descargable (no es mío) llamado Eva Icons. Son unos iconos que se pueden usar en la web, o como PNG y SVG en distintos proyectos. Gracias a que son unos iconos open source y descargables, podemos usarlos como PNG o en la web…
Leer más

Cálculo del factorial de un número en JavaScript. Aplicación web online

Aplicación web para calcular el factorial de un número online

Para ejemplificar y combinar el uso de BigInt con los Web Workers en JavaScript me di a la tarea de crear una sencilla aplicación web que permite calcular el factorial de cualquier número, todo desde el navegador, es decir, online. El uso de los Web workers es para hacer cálculos extensos, y el de BigInt…
Leer más

Eliminar caché en Chrome

Luchando contra el caché de los navegadores

Evitar que los navegadores web guarden en caché nuestros scripts y plantillas Los navegadores web guardan en caché algunos archivos para que a la próxima llamada se carguen más rápido. Esto es una mejora para el usuario final, pero no tanto para los programadores. Hay ocasiones (y te das cuenta 2 horas después de depurar…
Leer más

Ejemplo de tabla en HTML con bordes CSS

Introducción Hoy veremos cómo crear una tabla en HTML pero de la manera correcta, porque incluso en estos tiempos es un poco confuso la manera de crear una tabla, o al menos la sintaxis a seguir para tener un lugar de donde copiar y pegar, o un ejemplo simple. Veremos cómo ponerle bordes, poner encabezados…
Leer más

Extraer CSS utilizado en una página con CSS Used

Introducción ¿No te ha pasado que a veces ves un botón y quieres extraer su estilo? pero sólo el estilo del botón, no todo el archivo de estilos CSS. O simplemente quieres extraer CSS utilizado en una página web o sitio de internet. Pues bien, hoy veremos cómo extraer el estilo CSS de un componente…
Leer más

Iconos de Google (Material icons) offline

Introducción Los Material icons o Iconos de material design son, como su nombre lo dice, iconos que nos ayudan a adornar y mejorar nuestras aplicaciones web. No siempre vamos a tener internet, puede que portemos nuestra app para una pc que no tenga acceso a internet. O igual y queremos alojar nosotros mismos los iconos,…
Leer más

Imprimir el contenido de un div con HTML y Javascript

Introducción Siempre vamos a necesitar imprimir en la mayoría de aplicaciones que desarrollemos, independientemente del lenguaje en el que lo hagamos. En este caso veremos cómo imprimir con HTML y Javascript, conservando los estilos y obteniendo una impresión que es exactamente igual a lo que vemos en pantalla. Precisamente esta mañana tuve que investigar un…
Leer más

Ocultar elementos al imprimir usando CSS

A veces necesitamos crear facturas, boletas, recibos o cualquier otro documento usando la web. No lo tenemos fácil, ya que hay muchas restricciones debido a la seguridad; por ello tenemos que recurrir a trucos como generar una página, llamar a window.print() y confiar en que el usuario final usa un buen navegador como Chrome.