En 2015, realmente me alejé de los dos grandes marcos: Foundation y Bootstrap. Para estar seguros, todavía tienen sus usos en la creación rápida de prototipos.
No me malinterpreten, me encanta la base. He ganado mucho dinero con Foundation desde 2012. Nunca he sido tan aficionado a Bootstrap, pero han tenido un impacto transformador similar en el mercado del diseño.
El problema con los grandes sistemas de red es que no son muy útiles cuando necesitas salir de ellos. La mayoría de las páginas que construye no se ajustarán a la línea en cada elemento, especialmente cuando alterna entre ancho completo y contenido en recuadro, o cuando está acumulando una subsección. Muchas veces, se encontrará pirateando márgenes o simplemente abandonando por completo la estructura de clase atómica como resultado.
- ¿Qué dominio debo elegir para compartir consejos y trucos gratuitos?
- ¿Es Ruby on rails un buen lenguaje para desarrollar aplicaciones web modernas?
- Si comienza a comparar plantillas de correo electrónico, plantillas de sitios web, cualquier categoría particular en sitios de plantillas como Themeforest ... Todos parecen ser, en su mayor parte, lo mismo. O solo soy yo? En este caso, ¿qué destaca y hace que los diseños más populares sean tan populares?
- Cómo no sentirte como un fracaso cuando fuiste a una de las mejores escuelas y obtuviste una de las mejores pasantías, solo para ser un mal desarrollador al final
- ¿Qué se necesita para construir y expedia.com y / o competidor de booking.com?
Si quieres entrar en un mundo posterior a Bootstrap, las cosas se ponen un poco prácticas. Primero debemos examinar lo que un sistema como Bootstrap le brinda:
- Un sistema de cuadrícula adaptativo con puntos de interrupción
- Una biblioteca de componentes CSS
- Una biblioteca JS
- Elementos de navegación preconfigurados
También notarás que muchas veces no usas todo lo que te dan. Aún así, tendrás que reemplazar todas esas cosas. El material de JavaScript y navegación es fácil. El CSS es más difícil porque tienes que aprender a pensar en términos de diseño atómico (aquí hay una configuración popular: construir sistemas de diseño atómico). La parte más difícil es envolver su mente alrededor de una cuadrícula sensible personalizada.
Para ese componente crítico, la grilla, he estado usando Susy: herramientas eléctricas para la web con Breakpoint y Compass para generar una grilla a pedido. En lugar de tratar de hacer que todo se ajuste a un sistema de cuadrícula precompilado, puedo llamar a un contenedor de cuadrícula a pedido. Puede ver una versión relativamente simple del principio aquí: Noelle Winery & Vineyard. Tenga en cuenta que la capa subyacente de botella especificada en el PDF para el modo de escritorio requirió algunos ajustes realmente creativos de los anchos de cuadrícula, que habrían sido mucho menos precisos en Bootstrap. Basé la cuadrícula libremente en la especificación del sistema de cuadrícula 1200px. En ese diseño, estamos hablando de un sitio muy pequeño, así que no me he vuelto atómico con mis definiciones de contenedor o segmento de cuadrícula. Simplemente no era necesario (léase: no valía la pena las horas y el cliente no iba a pagar por la pedantería).
Entonces, la versión corta es que si quieres seguir lo que Zurb y Twitter comenzaron por la madriguera del conejo a su conclusión natural, deberías tomarte unos días en CodePen y experimentar con SUSY. También debe comenzar a reunir un conjunto de los mejores elementos de su clase como Magnific, Select2 y sus controladores favoritos para imágenes de retina + videos receptivos para que tenga una biblioteca JS familiar a la que recurrir cuando se trata de efectos prácticos.
Es mucho trabajo aprender, pero una vez que tenga un sistema inactivo, su diseño se volverá mucho más flexible como resultado.