Tailwind CSS – Centrar verticalmente
En este corto tutorial de programación CSS con Tailwind vamos a ver cómo centrar un elemento verticalmente.
Tailwind CSS – Centrar verticalmente Leer más »
css
Tailwind CSS sin frameworks
En el blog ya he escrito sobre cómo usar TailwindCSS con Vue 3 y Vite, pero no he hablado sobre cómo usarlo sin ningún framework, es decir, usar Tailwind CSS con HTML plano y puro, cosa que sí es totalmente posible.
Tailwind CSS sin frameworks Leer más »
Iconos material design con Vue 3
En este post vamos a ver cómo usar los iconos de Material design en nuestros proyectos web al usar Vue 3. Te voy a mostrar una manera en la que al final vas a incluir en tu proyecto solo los iconos que has usado, haciendo tu software mucho más ligero. Para tener los Material design
Iconos material design con Vue 3 Leer más »
Tailwind CSS con Vue 3 y Vite
En este post te voy a enseñar a agregar Tailwind CSS a un proyecto de Vue 3. Básicamente es seguir la guía oficial, pero con unos pasos extra desde mi experiencia.
Tailwind CSS con Vue 3 y Vite Leer más »
Crear y publicar Progressive Web App – Convertir app web en PWA
Hoy voy a enseñarte cómo convertir cualquier aplicación web en una PWA o Progressive Web App. Tú puedes programar en cualquier lenguaje y Framework, ya que las PWA no están atadas a algo más allá de JavaScript. Así que mientras tu app conste de archivos del lado del cliente, podrás convertirla en PWA. Y con
Crear y publicar Progressive Web App – Convertir app web en PWA Leer más »
Centrar imagen con CSS
En el post de hoy te mostraré algo muy simple: cómo centrar una imagen HTML usando CSS, sin frameworks.alinear una imagen al centro Si bien es algo sencillo, en ocasiones olvidamos cómo hacerlo. Así que en este artículo te mostraré el estilo CSS para centrar un elemento img.
Centrar imagen con CSS Leer más »
Plantilla HTML con header, section, aside y footer
En este post te mostraré una plantilla HTML que tiene los elementos o etiquetas header, section, aside y footer. Es un simple ejemplo con HTML y CSS para una página web. El aside y el section tienen la misma altura, y el aside es mostrado a la derecha con un borde. Obviamente tú podrás cambiar
Plantilla HTML con header, section, aside y footer Leer más »
Bulma – Cuadrícula dinámica y automática
Hoy te mostraré cómo hacer una cuadrícula o grid en donde cada sección se acople a la pantalla de manera automática y dinámica sin que tú sepas la cantidad de columnas que habrá. Esto es útil para cuando tenemos contenido dinámico (ya sea generado por el lado del cliente o del servidor) y queremos que
Bulma – Cuadrícula dinámica y automática Leer más »