Genera una hoja de estilos (CSS) en base a un documento XHTML

CSS Frame Generator es un curioso pero potente editor CSS online, pero a diferencia de otros similares este tiene la particularidad de generar una hoja de estilo con sus correspondientes selectores en base a un XHTML.

La herramienta funciona de la siguiente manera: pegamos el código XHTML al que le queremos aplicar propiedades CSS, luego presionamos el botón Gime me my code. Y aquí viene la magia, el sitio automáticamente nos va a devolver una hoja de estilos con todos los selectores declarados, listos para que nosotros le apliquemos las propiedades.

editor css xhtml

La forma de operar que tiene esta herramienta es genial, y tiene grandes ventajas. Por ejemplo, haciendo el trabajo de esta forma estaremos declarando lo justo y necesario, y no estaremos generando estilos que luego no utilizaremos, haciendo nuestras hojas de estilos mucho más eficientes.

Obviamente la herramienta no es perfecta, cuando trabajamos con XHTML’s complejos puede hacer agua, comprobado cuando anidamos muchas cajas. No obstante y en general el desempeño es muy bueno.

Web: CSS Frame Generator

Categorizado en: