it-swarm-es.com

¿Cuándo debo usar un marco CSS?

¿Cuáles son los escenarios de mejores prácticas para usar un marco CSS? ¿Cuándo es mejor "rodar tu propio" CSS desde cero en lugar de usar marcos?

11
Mark Hatton

Los marcos CSS son un poco complicados porque en realidad no son marcos para mí. Son simplemente clases predefinidas. Pero, esta no es tu pregunta.

Los marcos CSS son excelentes para maquetas y marcos de alambre. No recomendaría usarlos en un sitio en vivo porque agregan clases sin sentido a su marcado. ".span3" no me dice nada sobre el contenido, solo el diseño.

Sin embargo, blueprint tiene algunas herramientas geniales que ayudan a combinar sus clases de marco y las semánticas una vez que haya terminado.

Siempre uso mi propio CSS.

11
Kevin

Solo evítalos, no son más que molestos.

Especialmente este.

* { margin:0; padding:0; }

Mi mayor queja es que si hereda/mantiene un sitio que usa un restablecimiento y/o un marco, debe aprender ese marco antes de poder modificar el sitio.

Cuando agrego una etiqueta h1, espero ciertas cosas. La mayoría de los restablecimientos eliminan todo el relleno, el margen, el bloqueo, etc., de modo que una etiqueta h1 ya no actúa como debería de forma predeterminada. Así que tengo que volver y agregar todo lo que estaba allí en primer lugar.

En general (en mi experiencia), las personas que no entienden css usan los reinicios y los marcos, y esto causa más trabajo para las personas que sí lo hacen.

3
corymathews

Es mi opinión que el único servicio que proporciona un Marco CSS es un punto de partida para aquellos que no están muy familiarizados con CSS.

2
Soleil

También recomiendo usar un reset.css de Eric Meyer, pero creo que los "frameworks" CSS pueden ser beneficiosos para el diseño. Blueprint, YUI grid y 960-grid pueden ayudarlo a lograr algunos diseños muy complicados sin tener que escribir el CSS.

Si bien se han mencionado inconvenientes, se podría decir lo mismo sobre la construcción de un sitio web a partir de un CMS en lugar de rodar un código personalizado, por ejemplo, pero aún pueden ser útiles y para muchos sitios los beneficios obtenidos superan cualquier problema externo de CSS o rendimiento.

2
Steve Tranby

Si realmente está implementando un diseño propio, va a escribir parte de su propio CSS (a menos que alguien más haya escrito el diseño exacto que desea).

Suponiendo que está escribiendo algunos de sus propios CSS, los "marcos" pueden ser útiles cuando tiene estilos que son:

  1. utilizado en más de un lugar; y
  2. lo suficientemente complicado como para dividirse en sus propias clases

Para estilos realmente simples, es mejor usar clases para indicar qué algo es (por ejemplo, class="navigation"), y luego definir su aspecto aplicando reglas de estilo a esa clase en su hoja de estilo.

Pero para los estilos más complejos que no están necesariamente vinculados a ningún elemento (por ejemplo, estilos relacionados con el diseño, del tipo que los marcos dan nombres como .span3), no hay nada de malo en ponerlos en una clase y aplicarlos clase en el CSS. Puedes usar ambos enfoques juntos.

En sitios más grandes y complejos donde es probable que los elementos se combinen de manera impredecible, un enfoque similar a un marco realmente puede ayudar a mantener su código manejable.

Sin embargo, diría que también podrías escribir tu propio "marco". Pongo "framework" entre comillas porque CSS realmente no es un lenguaje tan grande. Podrías leer CSS: la guía definitiva (Eric Meyer) en un día, luego leer todo el código en, p. Blueprint (un "marco" CSS) y entiendo más o menos lo que está sucediendo. Es posible que deba investigar un poco las IE soluciones alternativas, pero estamos hablando de al menos un orden de magnitud menos complejidad que, p. jQuery aquí.

1
Paul D. Waite

Yo uso blueprint, para CSS.
CSS es, como dicen todos los anteriores, realmente sencillo.

Sin embargo, en realidad, debes considerar la plataforma.

Con CSS, el motor de renderizado aumenta la complejidad.

Gecko vs WebKit vs Presto vs Trident ... ¿quién quiere hacer todo eso?

Lo que un 'marco' te brinda aquí es la capacidad de escribir diseños que probablemente funcionen en todos los navegadores, por lo que no tendrás que buscar en Google el 'WTF-am-I-doing = -this-crap' IE 7 corrección quirksmode, o algo similar ridículo.

Frameworks hará el 90% del diseño que desee, y luego siempre podrá agregar sus propios estilos más adelante.

Entonces, para responder la pregunta, diría que elija cualquier marco y vea si funciona para usted. Simplemente podría. Entonces eres dorado y puedes volver a lo que realmente quisiste hacer. Si no, extiéndalo usando CSS y cambie lo que no funcionó. De esa manera, mantiene el beneficio del navegador cruzado, pero aún puede personalizarlo.

Como un pequeño beneficio, si elige uno y lo usa todo el tiempo, y luego se enferma, o es promovido y tiene que entrenar a su sucesor, puede decir:

"Sí, utilicé el marco ABC. Los documentos están aquí. El código está allí. Se terminó el entrenamiento. Buena suerte".

1
chiggsy

Cuando resuelve todas sus necesidades . (Esto se basa en la idea de adaptación .)

¿Del único libro sobre marcos? http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp . (Solo se vincula porque es gratis y relevante aquí).

0
Shawn Northen