Desarrollo Web
  • 0

  • Los diferentes framework para la construcción de HTML Responsivo.

    Construir un sitio web o un sistema web con un buen framework puede solucionar muchos problemas de tiempo. Los invito a elegir el suyo.

    Los diferentes framework para la construcción de HTML Responsivo.

    Primero, ¿que? es un framework?
    Un framework es un conjunto de algoritmos o funciones pre-desarrollados, ya sea por una compan?i?a o una comunidad, que simplifican el desarrollo de una aplicacio?n. Programadores de la vieja escuela desarrollan todo desde cero sin utilizar ningu?n framework y solo reciclando su propio co?digo. El gran problema de esto, es que al no formar parte de una comunidad evita que su co?digo crezca, que se modernice a nuevas tecno?logas, y tampoco pasan por el filtro del ojo cri?tico de otros programadores y profesionales.

    Existen framework para casi todo lo relacionado con la programacio?n, framework backend, CSS, JavaScript, etc. Aca? hablaremos sobre los framework de HTML y CSS que permiten un disen?o responsivo.

    Desde hace un tiempo, Google exige que los sitios web sean amigables con los mo?viles, es decir, responsivos, para poder posicionarse, pero no debemos mirar esto como principal objetivo para crear un sitio responsivo. La usabilidad y la experiencia del usuario deben ser nuestros principales motores para buscar nuevas tecnologi?as, que nos permitan crear herramientas y sitios amigables con celulares y tablet, ya que ba?sicamente, para estos usuarios esta?n enfocadas estas soluciones.

    Si estudian sus resultados de Google Analytics, se dara?n cuenta de que la gran parte del tra?fico recibido por sus sitios, pertenecen a usuarios de celulares. Esto debe significar algo, ¿no?

    Hoy en di?a, existen muchas herramientas que permiten el desarrollo de una interfaz responsiva, pero en este artículo hablaremos solo de 3: Bootstrap, Foundation y Skeleton.

    Estos tres framework, la verdad de las cosas, son muy similares entre si?, los tres dividen la interfaz en 12 columnas e inician la construccio?n con una etiqueta de clase “row” y, ba?sicamente, la construccio?n de las columnas es la misma pero con diferentes nombres; los tres framework utilizan la libreri?a Normalize.css, cuya funcio?n es entregar un esta?ndar definido para todas las etiquetas HTML y no lo deja a libre interpretacio?n del navegador.

    En Emagenic utilizamos, desde el 2015, Bootstrap, que es es muy estable y escalable. Fue construido el 2011, por el equipo de ingenieros de “Twitter” y se ha liberado para que desarrolladores de todo el mundo lo utilicen. Antiguamente, nosotros lo utiliza?bamos solo para maquetear sistemas, pero nos dimos cuenta de lo ra?pido que puede ser un desarrollo con e?l y lo adoptamos para la li?nea de produccio?n de los sitios web.

    Una de las claves del e?xito en el mundo del desarrollo es mantenerse en movimiento, investigar y buscar siempre nuevas alternativas y bajo ningu?n pretexto fanatizarse por un lenguaje o framewok, ya que en los detalles que puede ofrecer una solucio?n, esta? la diferencia de tu producto. 

    METODOLOGÍA DE TRABAJO

    Somos una empresa que se dedica al desarrollo y diseño
    de páginas web para todo Chile y el mundo.

    Análisis del requerimiento

    Análisis del requerimiento

    Desarrollo de la solución

    Desarrollo de la solución

    Implementación y puesta en marcha

    Implementación y puesta en marcha

    NUESTRAS TECNOLOGÍAS

    Somos una empresa que se dedica al desarrollo y diseño
    de páginas web para Chile y el mundo.

    Html5
    Css3
    Javascript
    Laravel
    Bootstrap
    Bootstrap