Los marcos de desarrollo están de moda: los diseñadores y desarrolladores ahora más cerca que nunca
El crecimiento de las habilidades de diseño y desarrollo en las personas ha sido una consecuencia indiscutible de la evolución de la web. Cada disciplina ha desarrollado trucos y tendencias y la web se ha beneficiado mucho con este intercambio.
Sin embargo, con el auge de los dispositivos móviles y la responsividad, el desarrollo y diseño web se han vuelto más complejos. Del mismo modo, los diseñadores web se han dado cuenta de la importancia de conocer cómo sus diseños cobran vida a través del código y los desarrolladores han aprendido que solo un contenido estéticamente agradable atrae a los visitantes. Aun así, aprender a programar puede ser tedioso y poco práctico para un diseñador del mismo modo en que puede ser difícil para un programador aprender los conceptos de diseño y ponerlos en práctica.
Es por esto que unas soluciones bastante interesantes han saltado al ruedo; hablamos de los marcos de desarrollo web. Estos cuentan con fuertes fundamentos que permiten acelerar el desarrollo web y pueden, además, personalizarse para darle un aspecto más atractivo y refinado a un proyecto.
¿No conoce Bootstrap? ¡Úselo, siéntalo, vívalo y personalícelo!
Desarrollado por Twitter Inc., Bootstrap rápidamente se está convirtiendo en uno de los más importantes marcos de este campo. Fue el proyecto más popular de GitHub a comienzos de 2012 al poner a disposición pública una serie de herramientas para crear sitios web responsivos de manera sencilla. No hay necesidad de tener habilidades especiales para comenzar a usarlo.
Otras características de este excelente marco de desarrollo:
- Tiene estilos de interfaz de usuario visualmente agradables, siguen la tendencia de mantener el diseño simple, limpio y minimalista.
- Usa LESS, lo que mantiene el código organizado y permite un desarrollo rápido.
- Incluye extensiones de JavaScript para crear deslizadores, carruseles y modales con una apariencia simple y genial.
- Bootstrap tiene un gran soporte por parte de terceros, además de una muy completa documentación, lo que hace muy fácil encontrar ayuda sobre su uso.
Muy a pesar de estas características, Bootstrap tiene una desventaja que ha sido muy criticada: la mayoría de los sitios basados en este marco se ven muy parecidos; no es muy difícil adivinar cuándo un sitio ha sido creado usando Bootstrap ya que no muchas personas deciden personalizarlo. La razón tras esto radica en que muchos usuarios apenas saben cómo usar Bootstrap así que no profundizan mucho para personalizarlo.
Como solución a esto, algunas herramientas y recursos se han venido desarrollando para personalizar y dar una renovada apariencia a las los sitios web creados con Bootstrap. Gracias a que cada vez más desarrolladores externos lo han venido usando, la cantidad de recursos disponibles es impresionante.
¿Bootstrap es una novedad para usted, pero su diseño no es lo suficientemente impactante para usted? No se preocupe, esta guía no solo le sumergirá en su mundo, en ella Anna Powell-Smith le enseñará también como personalizar su apariencia básica; puede complementar esta información con este artículo sobre cómo personalizar Bootstrap escrito por Antonin Januska.
BootTheme, la herramienta que complementa a Bootstrap
Bien vale la pena hacer un pequeño paréntesis para referirnos a BootTheme. Esta herramienta hace uso de Bootstrap y lo mejora con gran cantidad de opciones fantásticas para diseñar sitios web y crear temas. Incluye temas responsivos gratuitos, íconos, una gran galería, glifos, soporte para tipos web de Google, LESS como preprocesador CSS en adición a todas las funciones propias de Bootstrap. Cualquier reseña realmente dice poco en comparación con su amplia gama de funciones, por lo cual es muy recomendable estudiar sus características con detenimiento.
Herramientas para dominar el mundo con Bootstrap
Es un hecho que Bootstrap es cada vez más popular, con soporte de una comunidad enorme, que se beneficia de su uso y desarrollo. Es por esto que se ha creado una gran cantidad de herramientas para mejorar sus funciones y añadir nuevas y más fuertes características.
- Tocify de Greg Franko – Una extensión que genera dinámicamente una tabla de contenidos cuya apariencia se puede personalizar usando Bootstrap o jQueryUI. Tocify tiene efectos para mostrar u ocultar elementos de tablas de contenido por medio de efectos para proporcionar un desplazamiento dinámico. También cuenta con funciones adicionales como un desplazamiento fluido y soporte de historial. Si busca mejorar su documentación, Tocify es su extensión.
- Bootstrap-Lightbox de Jason Butz – Esta extensión para Bootstrap añade un lightbox al sitio, basándose en modales.
- My-Bootstrap-DateTimePicker de Martijn Gussekloo – Un seleccionador de fechas personalizable, permite cambiar los nombres de días y meses para estar a tono con los estándares internacionales.
- Bootstrap-wysihtml5-rails de Gonzalo Rodríguez – Wysihtml5 for Rails es un excelente editor WYSIWYG para Bootstrap.
- WP-BootStrap-Gallery de Edward McIntyre – Esta galería personalizada para WordPress usa un esquema dinámico de miniaturas, usando Bootstrap 2.2.2. Su objetivo es dar formato al código corto de las galerías de WP para usar los esquemas de miniaturas de Bootstrap.
- SelectBoxIt por Greg Franko –
- Esta extensión reemplaza las cajas de selección HTML poco agradables y complicadas con desplegables estéticos y completos. Soporta temas de Bootstrap, jQueryUI y jQuery Mobile. Para usar esta extensión no es necesario reescribir una sola línea de la secuencia de validación de su formulario, esta hace su trabajo sola. SelectBoxIt también tiene soporte para móviles, tabletas y dispositivos de escritorio además de funciones adicionales de navegación por teclado, búsqueda y soporte de API de eventos y métodos.
Para revisar más recursos disponibles, le recomendamos visitar un gran directorio que los contiene; tendrá entretenimiento para largo rato.
Un paseo por otros marcos de desarrollo que seguramente dejarán su huella en la web
La cantidad de marcos de desarrollo que se abren paso en Internet es muy grande y no estaría mal echar un vistazo rápido a sus principales virtudes así como a su actualidad. Veamos algunas de las mejores opciones:
Foundation – La alternativa más avanzada
Este marco responsivo es un proyecto de código abierto que ya está en su versión 3.2. Ha sido desarrollado usando SASS y tiene un gran soporte en navegadores antiguos, incluyendo a IE8.
Kube – Un marco de desarrollo bonito y minimalista
Kube es un marco compatible entre navegadores, caracterizado por su diseño minimalista. La versión para desarrolladores incluye LESS con sus mixins, variables y módulos. También incluye estilos para elementos web como formularios, rejillas, botones, tablas y tipografías.
Maxmert – Un marco diferente del resto
Construido con Node.js, sus desarrolladores lo definen como un marco muy diferente a los demás dado que permite el uso de espacios en los nombres de las clases para que no haya interferencia con las clases personalizadas. Los complementos en JavaScript usan animación CSS y se puede descargar a través de GitHub y Bitbucket.
99Lime HTML Kickstart – Un marco enfocado en ahorrar tiempo
Este marco de desarrollo incluye un conjunto de archivos HTML, CSS y JS creados para facilitar el proceso de diseño, ayudando a ahorrar tiempo a diseñadores y desarrolladores en sus proyectos web.
inuit.css – Un marco poderoso basado en SASS
Desarrollado por Harry Roberts, inuit.css es un marco de desarrollo perfecto para desarrolladores que quieren hacerse cargo de su propio diseño. Es simple y requiere muy pocas cosas para funcionar y crear soluciones altamente escalables desde cero.
Skeleton – Una plantilla de texto que respeta el diseño
Una plantilla de texto que funciona muy bien para dispositivos móviles; usa una rejilla de 960px para comenzar, incluye estilos de letra estilizados, botones, formularios y media queries, manejando todo independientemente del estilo. Es altamente compatible con muchos navegadores, preocupándose incluso de trabajar correctamente en IE.
Ink – Acelerando el diseño de sus esquemas
Es un conjunto de herramientas para desarrollo rápido; hace énfasis en la simplicidad y la flexibilidad. Ink es un marco centrado en el contenido que brinda resultados impresionantes.
Workless – Un marco de clase mundial que evita el doble trabajo
Desarrollado por Scoot Parry, Workless tiene todos los elementos necesarios para desarrollar proyectos web dejando a un lado las acciones repetitivas.
HTML eMail Boilerplate – Haciendo presentaciones elegantes en correos electrónicos
Esta plantilla de texto completa y gratuita para correo electrónico tiene un diseño muy cuidadoso, puede restablecer los estilos aplicados por los clientes de correo, permitiendo a los mensajes presentarse elegante y estéticamente. Su mayor objetivo es evitar problemas en el procesamiento y presentación de los mensajes.
Fuentes externas: wwwhatsnew.
No hay comentarios:
Publicar un comentario