Bulma CSS css
Centrar imagen con Bulma
En este post te enseñaré cómo centrar una imagen dentro de un div usando el framework CSS Bulma. Hay varias formas, pero te enseñaré la que me ha funcionado hasta el momento.
Centrar imagen con Bulma – CSS
Bulma CSS javascript mysql php web
CRUD con PHP, MySQL y AJAX
En este post te mostraré un ejemplo completo de CRUD que hace las operaciones fundamentales de la base de datos usando MySQL y PHP, pero además las llamadas se hacen con AJAX desde JavaScript.
CRUD con MySQL, PHP, JavaScript y AJAX
Al final te dejaré el código completo que podrás descargar, probar y modificar, mismo que tendrá todas las operaciones para enviar y recibir datos desde JavaScript a un servidor PHP que se conecta a MySQL.
Básicamente todo se hará del lado del cliente, no vamos a procesar formularios con PHP, solo llamadas AJAX con JSON. Así que tendremos un CRUD con PHP y AJAX.
No vamos a usar ninguna librería como React, Vue o Angular; será JavaScript puro.
Bulma CSS HTML web
Plantilla para mostrar temperatura y humedad – Diseño web
En este artículo te mostraré una plantilla de ejemplo para mostrar la temperatura y humedad. Será una plantilla simple y minimalista que solo tendrá el propósito de mostrar los datos de un termómetro.
Como lo dije anteriormente, será una plantilla de ejemplo para mostrar los datos de un termómetro como lo son la temperatura y humedad. Puedes basarte en ella para mostrar los datos de un sensor físico o de una API.
Bulma CSS css web
Plantilla inicial de Bulma
En este post te mostraré una plantilla simple de Bulma para comenzar a usar este framework CSS. Es decir, una plantilla de ejemplo para que puedas basarte en ella y comenzar a trabajar modificarla según tus preferencias.
Esto que te mostraré también es conocido como starter template de Bulma.
Buefy Bulma CSS VueJS web
DatePicker de Buefy en español
Buefy es un paquete de componentes que combinan BulmaCSS y Vue.js. Entre esos componentes encontramos el b-datepicker que no es más que un seleccionador de fechas, calendario o datepicker.
Por defecto viene en inglés, pero provee la manera de especificar los meses y días en español, cosa que te enseñaré hoy: cómo poner el datepicker de Buefy en español.
Bulma CSS css HTML
Tabla responsiva con Bulma CSS
El framework CSS de Bulma provee clases para agregar estilos a las tablas, así como contenedores de las mismas.
Hoy vamos a ver cómo hacer una tabla responsiva utilizando la clase table-responsive, clase que funciona pero para que lo haga debemos hacer algunos cambios con los div padres.
Buefy Bulma CSS javascript VueJS web
Crear proyecto de Buefy (Bulma CSS + Vue) usando la CLI de Vue
En este post voy a poner las instrucciones para comenzar un proyecto con Buefy.
Buefy es la combinación de Vue y Bulma CSS, ofrece componentes de Bulma CSS pero mejorados con el buen Vue.
Vamos a utilizar NPM con la CLI de Vue (vue-cli), ya que será un proyecto un tanto formal.
Bulma CSS javascript Software y sistemas VueJS web
Generador de diagramas de clase UML con JavaScript
Introducción
En una de las materias que estoy cursando (o que cursé, dependiendo del momento en el que esto se publique) tuve que presentar todas esas cosas aburridas que conlleva el desarrollo de software.
Me refiero a los diagramas, casos de uso, clases, interfaces y todas esas cosas que al final (desde mi punto de vista) no sirven para nada y solamente hacen perder tiempo.
Bootstrap 4 Bulma CSS HTML javascript mysql php Seguridad Software y sistemas sql VueJS web
Presentando un sistema web para hacer cotizaciones y presupuestos, gratuito y open source
Hoy vengo a presentar un software para realizar cotizaciones o presupuestos, el cual es totalmente gratuito de usar en la nube; así como open source. Es decir, aparte de que puedes usarlo en mi sitio, puedes descargarlo y modificarlo.
Sistema web para cotizaciones y presupuestos
Características del software
No es la gran cosa, pero entre sus principales características encontramos las siguientes:
- Realizar cotizaciones o presupuestos
- Estimar el costo requerido, el cual se configura por cada servicio
- Calcular tiempo requerido por cada servicio
- Describir características y/o condiciones del trabajo
- Agregar clientes para ligarlos a las cotizaciones
- Imprimir la cotización o guardarla como PDF (esto depende del navegador la mayoría de veces)
- Multiusuario: cualquier usuario puede registrarse y usarlo, así de simple. Eso sí, las cotizaciones, servicios y características son separadas por usuario
- Totalmente open source
- Escrito con PHP, utiliza PDO para interactuar con la base de datos
- Base de datos MySQL
- Lado del cliente con Vue.JS y Bootstrap
- Mensaje de agradecimiento, presentación y pie totalmente configurables
Se me ocurre que puede servir tanto como para estudiantes que tienen que entregar un proyecto con PHP simple, así como para personas que necesitan un software como estos.
Voy a explicar cómo fue creado, en dónde se puede probar y también dónde se puede leer el código fuente.
