Entradas

Nuevas características de IONIC 4 en comparación con IONIC 3

Imagen
A continuación alguna de las principales características de IONIC 4 en comparación con IONIC 3, los cambios principales son a nivel de ‘core’ ya que la forma en que se construyen  las aplicaciones seguirá siendo semejante: Ya no es necesario construir las aplicaciones basadas en Angular, con la nueva versión de Ionic, esta cuenta con su propio (nativa) biblioteca independientes de otros framework’s. Los componentes web (Web components) de Ionic, se orientaran a  proporcionar la interfaz de usuario, mientras que frameworks como Angular, Vue o React, serán los responsables de la estructura y parte lógica de las aplicaciones. Los componentes web(Web components) que proporciona Ionic son como los  componentes Angular, a excepción de que son nativos del navegador. “Web Components constiste en distintas tecnologías independientes. Puedes pensar en Web Components como en widgets de interfaz de usuario reusables que son creados usando tecnología Web abierta. Son parte del naveg

Bubbles o burbujas en HTML y CCS

Imagen
A veces ocupamos crear un div de ayuda o de advertencia ya sea fijo o estático en la página o de   forma tooltip, existen muchas formas y framework’s que se pueden usar, pero una forma es crearlo a través de ccs puro de la siguiente forma:   .divAyuda {     position : relative ;     display : inline-block ;     width : 85% ;     vertical-align : top ;     padding : 3px 10px ;     background : #d5e9fb ;     margin : 15px ;     box-sizing : border-box ; }       .divAyuda:after {         content : '' ;         position : absolute ;         border-style : solid ;         border-width : 15px 15px 15px 0 ;         border-color : transparent #d5e9fb ;         display : block ;         width : 0 ;         z-index : 1 ;         left : -15px ;         top : 0px ;     }   <div class="divAyuda">              <label> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Bootstrap Introducción

Imagen
Bootstrap Las siguientes son notas sobre Bootstrap Bootstrap es un framework open source (que maravilla) para la parte front-end  de aplicaciones web Principales beneficios: Es un framework completo: es decir que está compuesto por CSS, HTML y JS que se unen para crear componentes(tablas, pop-ups, inputs, iconos), y demás elementos necesarios en la capa de presentación de nuestras soluciones. Una gran ventaja de usar Bootstrap es que tiene como principio los dispositivos móviles, es más, tiene la filosofía ”mobile first” en su versión 3.x, que quiere decir que primero está pensado en dispersivos móviles, inteligentes y pequeños, y después va adaptándose a dispositivos más grandes, esta adaptación se va realizando a traes de “responsive web design”. La ventaja de crear aplicaciones a partir de un framework robustos es que es más fácil para el desarrollo seguir los lineamientos, además de contar con una excelente documenta y guía para la implementación.