homefinance blog
Hoy discutimos el marco CSS Frontend: Los mejores 9 para el diseño web moderno. Antes de tomar un conocimiento profundo de nuestro tema, vea la importancia de los cuadros CSS: los cuadros CSS son un software prepagado, lo que debería permitir un diseño web más simple y compatible con especificaciones adicionales, utilizando lenguaje de hojas en cascada. Estos tipos de marcos contienen al menos una cuadrícula. Los marcos más realistas también vienen con varias características y otras características centradas en JavaScript, pero generalmente están orientadas hacia el diseño y discretos. Esto los diferencia de los cuadros de JavaScript funcionales y completos.
Dos ejemplos maravillosos y muy usados son Bootstrap o Foundation. Después de comprender lo que realmente implica el marco CSS, ahora vamos con cierta información descriptiva sobre nuestro tema: muchas de las iniciativas web han estado utilizando una cierta forma de marco promedio. Los marcos de progreso de CSS Frontend hacen que los procedimientos de desarrollo web sean rápidos, más ligeros y más cumplidos con los requisitos. Dependiendo de la difícil situación que un marco está tratando de resolver, es posible incorporar suplementos CSS, HTML y/o JS. El marco no hace nada más grande que lo que puede hacer un simple CSS, HTML y JavaScript.
El marco es más como una colección de habilidades para usar componentes ordinarios que resuelven una variedad de situaciones de diseño de Internet de moda, lo que de otro modo requeriría la creación de CSS, JS o HTML desde cero. Hay muchos cuadros frontend y fluctuados drásticamente para los aspectos que ofrecen. Un marco también será tan pequeño como una biblioteca simple que contiene un conjunto de cursos CSS3 para crear botones similares a jazz o también puede ser extenso para proporcionar una plantilla de sitio web receptiva totalmente útil. Aquí está la lista de los 9 marcos de desarrollo CSS más altos que intentan aclarar la mayoría de los problemas de diseño web de las ocasiones modernas de una forma u otra. Oreja
Lanzamiento inicial: 19 de agosto de 2011; Lanzamiento estable: 3.3.7 / 25 de julio de 2016 Bootstrap se desarrolló una vez a través de los constructores de Twitter y se lanzó para uso público en 2011 como un marco de código abierto. Actualmente, Bootstrap es el marco más utilizado de progreso neto con el acabado delantero en la Tierra. Bootstrap es un marco de desarrollo robusto que incluye componentes HTML, CSS y JS para la construcción de páginas web receptivas, de todas las dimensiones y complejidad. Con Bootstrap, puede usar problemas y plantillas receptivas como factor de inicio en su desafío web.
Lo hermoso de la bootstrap es que siempre se actualiza con la ayuda de desarrolladores de arranque con el progreso tecnológico de arte del estado para remediar los complicados problemas de diseño web de los nuevos tribunales. Últimamente, Bootstrap se ha actualizado para usar SASS, porque el preprocesador CSS, SASS es esencialmente el más utilizado y tiene un preprocesador CSS rico. Eso no es todo, solo que Google ha lanzado líneas de líneas de diseño de materiales y apuesto a qué? Ahora tenemos temas de arranque centrados en el diseño del material disponible un poco menos de un mes. Esta es la velocidad con la que Bootstrap sigue y adapta las nuevas tendencias de diseño neto. Estos son algunos de los recursos para comenzar,
Más información/descarga
2. Fundación
Lanzamiento inicial: septiembre de 2011; Lanzamiento estable: 6.2.0 / 26 de febrero de 2016 La Fundación es un marco de progreso de la frontend de la empresa del Condominio Zurb, que es una organización de diseño en línea con más de 15 años de experiencia en la industria del diseño neto. Zurb afirma que ha puesto toda la experiencia y el aprendizaje en la construcción de este marco y debo decir que se muestra en el desbloqueo moderno de las fundaciones. La base mediante el uso de FAR es el marco de aspectos más rico que proporcionan una respuesta final al final para la construcción de sitios web receptivos de cualquier medida, sin comprometer el ritmo. La base es la primera celular y se ejecuta en el preprocesador Sass CSS.
Este es un marco que ofrece una competencia de arranque ajustada en reputación, uso y elementos. La fundación se clasifica cómodamente entre los marcos más desarrollados en la Tierra para construir páginas web receptivas, amigable con las celdas. Más información/descarga
3. Semántico
Lanzamiento inicial: N/A LANZAMIENTO ESTABLE: Semántica UI 2.2, junio de 2016 Semantic es el nuevo niño en el bloque. Este sigue siendo un marco que ofrece una dura competencia a personas como Bootstrap y Base. La adopción y la ayuda para este marco están aumentando rápidamente %. La interfaz de uso semántico lanzado no hace mucho tiempo está llena de todos los últimos aspectos para satisfacer las necesidades del último diseño de Internet. Se integra con muchas bibliotecas 1/3, como Angular, Ember y Meteor, y también rara vez usa cualquier biblioteca adicional, incluso en grandes y problemáticas iniciativas web.
Semantic ha concentrado sus tareas en la estructura de los componentes, la organización de los archivos y la convención de nombre. El uso del lenguaje medio es tan extraordinario que el código se explica por sí mismo y no le gustaría un vocabulario.
Más información/descarga
4. Susy
Lanzamiento inicial: N/A Lanzamiento estable: 2.2.7 Susty es el poder de las redes, el principal productor de las redes. Si está buscando un marco de cuadrícula complicado y está dispuesto a pasar un tiempo para comprender la complejidad de cómo se desarrollan las redes, entonces no hay nada mejor que Susty.
Susty no viene como un paquete Jumbo como Bootstrap o como base para cubrir todos los puntos de diseño de red, sin embargo, resaltar la alta calidad en lo que debe hacer, la construcción de cuadrículas. De hecho, solo un marco de cuadrículas) sigue siendo un deporte con pelota !! No viene con previamente desarrollado para usar las cuadrículas. Use mezclas proporcionadas por Susy para crear cuadrículas de acuerdo con los deseos de su sitio web. Este marco le brinda la flexibilidad de crear cualquier tipo de cuadrícula, no está limitado en las vigas pre-financieras, forex 12col, 18col, etc.
Más información/descarga
5. Material
Lanzamiento inicial: N/A Lanzamiento estable: VO.15.4 El diseño del material se balancea en el segundo y promete continuar durante los años que se acercan. Google publican las pautas para el diseño de la tela y ahora los diseñadores de Internet utilizan en todo el mundo en todo el mundo. Con respecto a la popularidad del diseño de materiales, los marcos de desarrollo CSS para el diseño frontal son inevitables, y la tela es el pionero en esta dirección y es probablemente el marco más completo que implementa el diseño de tela de Google. Está construido con menos CSS y resortes preprocesadores con componentes React. Para comenzar con este marco, deberá tener una comprensión general de los suplementos React.
Este marco no es un punto para establecer su misión web, pero ofrece accesorios listos para usar con CSS y diseño de material que se puede utilizar para su misión web.
Más información/descarga
6. Materializecss
Lanzamiento inicial: N/A lanzamiento estable: N/M Materializecss implementa, además, las necesidades de Google Fabrics y es un marco de desarrollo receptivo para el diseño web moderno.Materliscss viene con capaz de usar botones, cartas de juego, tipos, iconos y más.¿Qué están diseñados de acuerdo con los materiales de instrucción para el diseño de telas?Realmente se vuelve sin esfuerzo crear sitios de Internet compatibles con el diseño textil, con estas habilidades para usar suplementos.También viene con una cuadrícula con 12 columnas que se pueden usar para los diseños del sitio web.Está equipado para usar CSS para colores, paraguas y tipografía para el diseño de telas, por nombrar algunas. Más información/descarga
7. Gumby
Lanzamiento inicial: N/A VERSIÓN ESTABLE: 2.5 No pude contener la goma de mi lista de progresos de 9 años en Internet para terminar la fuente. Gumby se ha convertido en un estándar en muy poco tiempo y recibió la atención y el soporte del grupo de diseñadores web. Los esfuerzos realizados por hombres y mujeres de profesionales de la salud digital son excelentes y esto es lo que lo convierte probablemente en los marcos más altos que responden a todos los deseos de diseño neto de los últimos tiempos. Gumby funciona con Sass y está aquí para competir con Bootstrap y Foundation y probablemente mantiene la tierra firme. Pocas de las características importantes que Gumby aporta a la oficina son: una interfaz de uso grande y excelente y plantillas que brindan a los diseñadores un avance en el diseño del diseño y una cuadrícula receptiva que se adapta a cualquier dispositivo y visualización. Gumby también ayuda en las redes, y el proceso de la cuadrícula es semántico más información/descarga
8. puro
Lanzamiento inicial: N/A LANZAMIENTO ESTABLE: V0.6.0 Esto es de la residencia de diseño de Yahoo y debe usarlo conectando a Yahoo CDN. Pure no incluye otros complementos JS o JQuey, es CSS puro. Pure es un paquete de módulos CSS que se pueden usar en cualquier misión de Internet. Que puede modular CSS para desarrollar cuadrículas, botones, tablas y menús receptivos, por nombrar algunos. Lo mejor en puro son sus pequeñas dimensiones agradables. Incluyendo todos los artículos puros en Yahoo CDN usando instantáneamente bajo su código.
Más información/descarga
9. Metro UI CSS 2.0
Lanzamiento inicial: V2 Versión estable: V3.0.15 Me gusta la interfaz de la persona Metro y esta es la razón para darles un lugar en el registro de los 10 marcos frontales. Este puede ser el mejor para crear sitios web que se parezcan exactamente a Home Windows 8. Mientras trabajan con este Metro UI CSS 2.Zero, definitivamente puede pensar que mientras estaba construyendo para Windows 8 de Home y, Direction, no es adecuado para diseñar todos los tipos de sitios web. Metro UI CSS se ejecuta en mucho menos CSS pre -procesador e involucra cuadrículas, diseño, impresión, desarrollado en iconos y muchos accesorios listos para usar. Metro UI CSS es el pequeño de Sergey Pimenov y ahora es una startup de Bizzark, que es una iniciativa de Microsoft. Es sin duda, está en el lugar más alto de su diseño especializado de nicho – tipo de metro. Más información/descarga
Conclusión: Hay muchos marcos de entrada CSS para elegir, y la resolución está determinada en gran medida por los estándares del desafío web. Muchos de estos cuadros se superponen en frases de aspectos que ofrecen, sin embargo, cada cuadro tiene una atracción detallada y objetivos específicos. Los problemas detallados que estos cuadros están tratando de remediar en la generación de diseño de última generación los han llevado a la lista de los 9 mejores cuadros de financiación de entrada. Cuéntanos tu experiencia en el uso del desarrollo de redes frontales a través de comentarios.
