¿Qué marco CSS recomendaría?

Question

Soy un desarrollador de software, no un diseñador, pero me veo obligado a diseñar sitios web. En el pasado, diseñé "a mano", nunca antes había usado ninguno de estos. Ahora, he descubierto que hay muchos framewok CSS. Quiero probar algunos de estos, pero no sé por dónde empezar y no quiero perder el tiempo.

Creo que lo más marcos Populars CSS son:

• YAML CSS Framework
• YUI Grids CSS
• 960 Grid System

pero estoy seguro de que hay mucho más.

Entonces, ¿qué marco me recomendaría? ¿Por qué?

Answer 1

Si no quiere perder el tiempo, realmente no recomendaría ninguno de ellos. Si está lo suficientemente familiarizado con CSS, es más fácil escribir el suyo en lugar de utilizar un marco. Con un marco, se verá obligado a aprender y utilizar sus convenciones de nomenclatura y también podrá incluir una gran cantidad de código que simplemente no necesita cada vez. Si necesita usar algo, le recomendaría usar una buena regla de restablecimiento de CSS sobre un marco CSS completo. Salvo eso, dedique su tiempo a aprender CSS con más profundidad; Será una mejor inversión con mayores recompensas en el futuro ya que sabrá por qué las cosas funcionan además de poder hacer el trabajo.

Answer 2

No estoy seguro de si lo clasificaría como marco, pero me gusta el jquery-ui framework. Hay ThemeRoller, que le permite personalizar una interfaz de usuario o elegir de una galería, funciona visualmente para la mayoría de las aplicaciones de estilo de línea de negocio. Además, se integra con la mayoría de los complementos de jQuery UI, que uso con frecuencia.

Answer 3

CSS Frameworks puede ser realmente útil si no quiere escribir lo mismo una y otra vez ... Se trata de no reinventar las ruedas cada vez, en lugar de cambiar las que ya existen. :-)

Top 12 CSS Frameworks and How to Understand Them es un artículo muy bueno para esto, cito:

Al igual que con todo lo demás en el mundo hay unos pocos críticos de los marcos de estilo CSS,
lo hacen los profesionales superan a los contras, es todo acerca de la opinión.

Es lo mismo que desee comprobar hacia fuera: Respuesta Inspiration Overload: 100 CSS Galleries You Need to Check Out

Answer 4

muy simple:

NINGUNO

:)

¿Por qué? Porque también necesita tener CSS semántico, no solo HTML semántico. Entonces, por ejemplo, si tiene un div llamado size-1 (insdeat de ... digamos comment-form), ¿qué le dirá esto? ¿Cómo esto te ayudará en futuros cambios?

Y sí, he tratado de usar dos o tres marcos en los últimos meses, pero sin suerte en absoluto.

Answer 5

Consulte este Comparable question about whether to use CSS frameworks, tiene algunas respuestas similares (útiles).

Answer 6

También tengo una tendencia a mantenerme alejado de los diversos marcos de CSS. Algo que me parece útil, sin embargo, es idear una plantilla básica para trabajar.

Incluye un restablecimiento de CSS, como un sitio de Eric Meyer: Reset Reloaded. Una alternativa (una que uso actualmente, porque personalmente no uso la mayoría de las etiquetas xhtml incluidas en el reinicio de Eric) sería la de Tim Wright Reseting Browser Defaults (reset.css)

Y luego intente crear su propio conjunto de estilos tipográficos, mientras pensando en cosas tan buenas como Vertical Rhythm y otras cosas. Encuentro que un (generalmente) buen recurso es The Grid System, que tiene tutoriales, artículos, plantillas y similares, incluidas algunas herramientas útiles para crear una buena cuadrícula tipográfica.

Me alejaría de los marcos CSS, simplemente porque nunca son muy semánticos, y la multitud de etiquetas div realmente me molesta.

Answer 7

Estas son algunas Marco de CSS que son nuevos:

• Emastic CSS Framework
• Malo CSS
• The Golden Grid

Emastic está a sólo 4 kb (fijo y columnas de fluidos y em basa), Malo es 8 líneas muy pequeñas de código y The Golden Grid tiene 1kb, es similar a Blueprint o 960.gs.

Como autor de estos 3 marcos, no será apropiado complementar mi propio trabajo, solo abra el código CSS de cada Marco y trate de entenderlo. El código te hablará :)

También tenga en cuenta que todos los CSS Framework NO son siempre la solución correcta.

Answer 8

Una herramienta útil que puede ayudar es LessCSS: http://lesscss.org/ - es un preprocesador de CSS (implementado como una gema Ruby) que permite cosas como variables, reglas anidadas, mixins, etc. No es un marco, sino una buena forma de hacer su CSS más consistente y mantenible.

Answer 9

El único marco de CSS que vale la pena usar: Unobtrusive CSS.

Answer 10

Los marcos son geniales si está utilizando un lenguaje más complejo como PHP o ActionScript. Pero realmente no es necesario para html simple & css, que es muy fácil de aprender a medida que avanza. Más bien consígase una hoja de estilo de restablecimiento básico y construya sus estilos desde allí en adelante.

Colección de hojas de estilo de reinicio: perishablepress.com