El uso de CSS para crear su sitio web es la forma estándar y adecuada de construir una página web. Cuando comienza cualquier diseño de sitio web con CSS, el primer paso es crear la estructura del diseño y las listas básicas que componen su navegación. Si es un Guru CSS, la creación de estos diseños y listas de CSS puede ser una tarea bastante simple. Pero, si es un desarrollador CSS nuevo o intermedio, o crea plantillas de sitio web y sitios web únicos de manera consistente, ¿no sería bueno tener su diseño y listas iniciales creadas automáticamente con el diseño CSS adecuado? De esa manera, puede pasar a aspectos más divertidos de la construcción de su sitio web.
Hay muchos recursos disponibles en línea para ayudarlo a crear el código CSS semánticamente correcto, el diseño CSS y las listas de CSS. He encontrado estos tres sitios, que ofrecen código CSS generado automáticamente para estas estructuras dentro de su sitio web. Como profesional de diseño web y experto en CSS (oh, sí, estoy súper ordenado) todavía encuentro estos sitios web con precio, y los uso a menudo al comenzar cualquier diseño web.
Se llama el primero. , List-O-Matic
La lista-O-Matic genera automáticamente el código CSS para cualquier tipo de lista o elemento de navegación que esté tratando de crear. Simplemente complete los espacios en blanco dentro del formulario de generadores CSS List-O-Matic, y la aplicación le dará el código HTML y CSS para una lista en el estilo que propone. Ofrece vueltas CSS, navegación horizontal CSS, navegación vertical CSS y algunos formatos gráficos y de color altamente creativo. Por supuesto, puede alterar el código a su gusto una vez que lo haya conectado a su sitio … pero, ¿no es bueno tener el código CSS semánticamente correcto que lo genere automáticamente para que pueda comenzar a concentrarse en los colores? ¿Y aspectos gráficos?
El segundo creador automático de CSS es: Firdamatic
Este sitio web ofrece un generador de diseño CSS completo, centrado en blogs y weblogs. Tomará su sitio actual y lo construirá, utilizando el código CSS semáticamente correcto, en un diseño CSS de 2 columnas o un diseño CSS de 3 columnas. Las opciones son mínimas, pero la característica en sí es sorprendente. Recomiendo esta opción para aquellos que poseen un blog o weblog simple, y no necesariamente comienzan un sitio web altamente único e intrincado …
Para usted, está: Layout-O-Matic <///// P>
Esta opción deja el diseño de CSS privado de la disponibilidad para usar la aplicación para crear pequeños modelos de caja dentro de los modelos de caja, para que su sitio esté construido dentro de su visión. También ofrece diseños de columnas CSS 2, diseños de columnas CSS 3, columnas CSS Simple 3, diseños de página completa y la opción de alinear los diseños de CSS a la izquierda o a la derecha. Consulte estos tres recursos … y, antes de escribirlos como un desperdicio porque es totalmente capaz de crear el código CSS dentro de su sitio web. Puedo decir que, como profesional de diseño web y experto en CSS (ejem … ¡ahí voy, tocando mi bocina nuevamente!) Que son útiles, incluso si simplemente se utilizan como una técnica que ahorra tiempo. Para los novatos de CSS, esta es absolutamente la mejor manera de ver que su diseño CSS se materialice en un ejemplo real y de experimentar con la forma en que se utilizan diferentes listas y diseños de CSS.
Espero que estas herramientas sean útil, ya que 100% si se usan correctamente. Si no está familiarizado con el código CSS, estos también son excelentes recursos para ayudarlo a comprender cómo funciona el código. ¡Es como tener un editor Wysiwyg para CSS directamente en las puntas de los dedos!
referencia:
- Firdamatic
