2009-06-26 16 views
9

He estado pensando en usar un marco de cuadros CSS como lo usan muchos diseñadores web. Dicen que es bueno, etc. Pero, ¿hay alguna ventaja real de usar un marco CSS como 960 Grid System o Blueprint? ¿Hará mi vida más fácil? ¿Consideran estos marcos el diabólico Internet Explorer?Ventaja de usar un marco de CSS

Cualquier información será útil.

+7

dupe: http://stackoverflow.com/questions/203069/what-is-the-best-css-framework-and-are-they-worth-the-effort, http://stackoverflow.com/questions/506523/are-css-frameworks-really-worth-using –

+0

Ninguno de estos duplicados aparece en la lista de sugerencias para esta pregunta. En cambio, hay docenas de preguntas que contienen la cadena "CS". –

+0

Además, la búsqueda de "marco CSS" da como resultado decenas de sugerencias relevantes. –

Respuesta

3

Depende. Si estás aprendiendo CSS o el proyecto no requiere mucho estilo, creo que no deberías usar un marco CSS. Además, si desea crear un estilo único o específico, no lo ayudará mucho.

Sin embargo, si tiene experiencia con CSS y el proyecto es grande, un marco CSS puede ayudarle a ahorrar tiempo y problemas.

Y sí, consideran IE.

11

Muchos marcos incluyen Reset-Rules, que es una sola hoja de estilo (Generally Meyers' or a derivation of it) que equilibra la representación de elementos en varios navegadores. Ahora, si decide usar un Marco CSS o no, DEBERÍA usar un Reset.

Solo he usado realmente 960, y debo decir que me gusta. Lo bueno es que su diseño está diseñado con classNames que contienen valores numéricos, lo que significa que podría determinar mediante programación un nuevo diseño, si lo desea, matemática simple. También hace que desarrollar un diseño complicado sea mucho más rápido en muchos casos. Nettuts hizo un video of 960 hace algún tiempo llamado "A Detailed Look at the 960 CSS Framework".

¿NECESITA un marco? No. ¿Ayudan? En muchos casos. Por lo menos, le animo a que descargue 960 y juegue con él, y a partir de ahora comience a usar al menos un Reset.

Ejemplo de 960 Etiquetas y nombres genéricos:

<div class="container_12"> 
    <div class="grid_7 prefix_1"> 
     <div class="grid_2 alpha"> 
      ... 
     </div> 
     <div class="grid_3"> 
      ... 
     </div> 
     <div class="grid_2 omega"> 
      ... 
     </div> 
    </div> 
    <div class="grid_3 suffix_1"> 
     ... 
    </div> 
</div> 
4

Es una buena idea para no confundir el concepto de un marco con un tipo o una instancia de un marco determinado. Algunos argumentan que debido a que un marco (como 960, por ejemplo) no se adapta a un cierto caso de uso, debe evitar los marcos por completo. ¡Loca!

Un marco es una herramienta que los buenos desarrolladores utilizan para hacer un trabajo. Un desarrollador calificado incluso podría construir su propio marco para su propio consumo. La abstracción es un concepto poderoso que todo desarrollador debe dominar.

Es interesante tomarse un momento para considerar una buena definition of a framework: "Una abstracción en la que el software que proporciona funcionalidad genérica se puede cambiar de forma selectiva por código de usuario". Tal vez podría argumentarse que CSS es de hecho, un marco que extiende HTML.

He jugado con 960 y recomiendo probarlo, pero en estos días, tiendo a hacer mi propio conjunto de reglas (un marco) usando algo como sass. Creo que hay un puerto de 960 y un plano en Sass.

Recientemente trabajé en un sitio web para grandes empresas y una de las primeras cosas que hice fue abstraer los valores hexadecimales del CSS en una paleta de colores para que hubiera menos redundancia en los archivos CSS. Aproximadamente un mes después, el cliente nos pidió que cambiáramos la marca del sitio por un mercado diferente, lo que significaba cambiar algunos sprites y actualizar la paleta de colores, y el trabajo ya estaba hecho. ¡Tardó solo unos minutos!

Pero para responder al menos parte de su pregunta: ¡Sí! Hay ventajas al usar un marco. Incluso iría tan lejos como para decir que evitarlos es un poco ingenuo.

PD: Lo siento si mi respuesta no es específica pero sí mencionó ningún indicio sería de gran ayuda :)

2

marcos CSS realmente puede ayudar a ahorrar tiempo la disposición de su página con sólo un conjunto de clases predefinidas. Creo que son geniales y realmente pueden reducir el tiempo que pasas convirtiendo un diseño en html/css. Recomendaría echar un vistazo a algunos que uso regularmente.

heymuscle

960gs

1140 grid

esperanza esto ayuda.

3

Estoy de acuerdo con lo que se ha dicho hasta ahora. Esos marcos aceleran las cosas. Sí, es importante saber realmente lo que sucede entre bastidores, pero para responder a su pregunta, ¿cuáles son las ventajas de utilizar un marco CSS? Aquí está mi opinión sobre eso:

Al usar un framewok no es necesario ser un experto en CSS para implementar cualquier diseño. Esto ha sido especialmente útil para mí cuando necesito que alguien más implemente un diseño, y un experto no está disponible.

0

Una vez que se acostumbre a ellos, los marcos CSS pueden acelerar seriamente la creación de sitios web con navegador cruzado.

El soporte de IE varía de un marco a otro. Algunos admiten solo IE8 y superior. Otros soportan IE viejo hasta IE6.

Lancé mi propio marco de CSS "Cascade Framework" hace un par de meses.

Cuestiones relacionadas