3 fuente abierta estándar de diseño web plantillas: Opensource.com

En los días de antaño, la creación de un sitio web desde cero fue fácil.

Con un conocimiento básico de HTML, y tal vez un poco de CSS, usted puede poner una bonita funcional página web con muy poco esfuerzo. Tirar en su servidor web, y que eran buenos para ir.

 

Por supuesto, usted puede todavía código de una página como esta en la actualidad. Lo que ha cambiado, para mejor o para peor, son las expectativas. Como las velocidades de conexión a internet creció más rápido, y los navegadores se convirtió en más estandarizados y poderosa, la gente pidió más de la web. Y sitios web creció en tamaño y complejidad, más y más a menudo de lo que nos gustaría ver incluso los diseñadores experimentados que estaban cómodos con el formato raw, HTML y CSS utilizando herramientas de diseño y editores de código con funciones avanzadas sólo para mantener todo en línea recta.

Hoy en día, pocas personas en el diseño de sus páginas web desde cero. La mayoría de optar por el uso de una plantilla predefinida de diseño, ajuste personalizado para su sistema de gestión de contenidos de la elección. Incluso los desarrolladores construir aplicaciones web complejas llegó a confiar en las plantillas de las bibliotecas para armar la mayor parte de su aplicación.

Pero lo que si desea crear una nueva plantilla para el sistema de gestión de contenido estático o generador de sitio? ¿Qué pasa si usted quiere construir un sitio web sencillo con una sola página de destino, o de un pequeño número de páginas estáticas que es raro cambiar muy a menudo? Lo que si desea que el código JavaScript de la aplicación, pero no desea usar un marco complicado o biblioteca para crear el resultado final?

Todavía hay un millón de razones por ahí a mano el código de una página web. Para mí, la razón superior es el control. Las páginas Web son cada vez más obesos como pasa el tiempo. Pero al diseñar una página desde cero, es más fácil para dejar de lado las cosas que realmente no necesita. ¿Realmente necesito para cargar en la web de fuentes para esta página que se vea bien? Es jQuery, tengo algo, o puede que un par de líneas de Vainilla JS lograr la misma cosa? Podría un poco de SVG en lugar de una imagen compleja?

Al mismo tiempo, no hay que reinventar la rueda cada vez que usted se sienta a diseñar algo para la web. Probablemente hay elementos comunes que se desea en cada página de construir, y modernas herramientas de desarrollo como Sass y Menos hacer frente con la osadía de CSS mucho más fácil de lo que solía ser.

Por estas razones, el uso de HTML de una plantilla las plantillas y marcos de ayuda a sacar lo mejor de ambos mundos. Puede ayudar a traer de normalización, fácil-a-uso de la cuadrícula de diseño, moderno y cuentan con el apoyo de sus páginas, pero al mismo tiempo, a menudo son lo suficientemente simple para cortar el resto de la nada no la estés usando.

Aquí están tres de código abierto HTML5 plantillas para que usted considere para su próximo proyecto web.

Bootstrap

Twitter Bootstrap es quizás uno de los más conocidos de las plantillas de marcos para la creación de páginas web. Su ubicuidad ha llevado a una reacción violenta de parte de algunos en el diseño de la web de la comunidad, no tanto por el marco en sí, sino debido a la omnipresencia de la muy simple, casi completamente no personalizada implementaciones de la misma en el medio silvestre.

Pero si se ha usado en exceso, probablemente esto se habla más que nada de su utilidad. Bootstrap hace que sea fácil para crear un diseño de respuesta, y viene con un montón de características de la caja: de iconos de estilo entradas y trae la normalización en común muchos elementos de la página, de migas de pan a las alertas para la paginación. Hay también un montón de ready-made temas por ahí, en caso de que la tematización no es lo tuyo.

Bootstrap está disponible en GitHub bajo una licencia MIT.

HTML5 Boilerplate

Mi favorito personal para comenzar con un nuevo proyecto de HTML5 Boilerplate. Incluye la mayoría de los elementos con los que acaban de agregar a cualquier nuevo proyecto web de la caja: un fragmento de código de analytics, de todos los diferentes tamaños de icono que al final me olvido de mirar hacia arriba, y algunos por defecto CSS y JavaScript plantillas que me ayudan a mantenerse organizado.

Pero también es bastante ligero, y si no necesito un componente en particular de un proyecto, es bastante fácil de cortar y nunca mirar hacia atrás. Si estás buscando un equilibrio entre minimalista y completa, HTML5 Boilerplate pueden llegar a ese punto dulce para usted.

HTML5 Boilerplate es en GitHub bajo una licencia MIT.

Esqueleto

El esqueleto es el más ligero marco en el pelotón. Con un peso de alrededor de 400 líneas de código, es también muy fácil trabajar con ellos. Si has trabajado con frameworks web antes y parece que sean demasiado voluminosos o simplemente demasiado para lo que necesita, el Esqueleto proporciona algunas buenas bare bones (¡ja!) trabajar con un simple cuadrícula; formato agradable formularios, listas, tablas. la tipografía y otros elementos básicos; y compatibilidad con navegadores. Todo lo demás es cosa tuya.

El esqueleto está en GitHub bajo una licencia MIT.


Se debe utilizar uno de estos?

Mi recomendación es que alrededor de la tienda, probar un par de opciones, y utilizar la que mejor se adapte a tus necesidades. Odio todas las tres de estas opciones? Hay un montón de otras opciones hay. Y si vas a gastar una cantidad considerable de su tiempo a crear para la web, considere la creación de una web genérica de la plantilla que trabaja para usted. A pesar de lo que algunos podrían pensar, no es necesario un complicado framework JavaScript sólo para construir una simple front-end, ya sea para una tradicional informativos página o una ligera aplicación web.

Usted también puede ver Initializr, una aplicación web de código abierto que puede pre-configurar HTML5 Boilerplate, ya sea como un clásico o responsable de la página, o manos a la obra, con sólo las opciones que usted necesita.

Entonces, ¿qué acerca de usted? ¿Tiene un favorito de plantilla o marco para el diseño web? O usted toma un enfoque diferente para el diseño de la web por completo? Háganos saber en los comentarios de abajo.

DISEÑO WEB MARBELLA MUSICA RELAJACIÓN YOUTUBE