¿Qué cosas pueden hacer que el desarrollo de CSS sea más rápido?

Question

cosa que utilizo

* stylesheets 
     o project.css 
     o ie.css 
     o print.css 
     o reset.css 

• CSS Frame generator
• colección ready-made de clases CSS útiles
• Edit CSS option of Web developer toolbar porque muestra vista previa en vivo
• Firebug
• Css type set
• CSS Sprite Generator
• Troubleshooting with <base>
• Online CSS Editor para probar estilos
• HTML Table Code Generator
• Dynamic Dummy Image Generator
• PxtoEm converter
• MRI
• CSS Redundancy Checker
• CSS Readibility
• CSS-Tricks.com's snippet collection
• http://html-ipsum.com/
• CSS Color Converter
• Debug CSS
• CSS Tidy online
• Form Style Generator

¿Alguna otra sugerencia?

Answer 1

experiencia, experiencia y una vez más - la experiencia.

Puede encontrar IDEs, generadores, etc. útiles, pero al final del día, si es un desarrollador, su experiencia juega el papel más importante.

Answer 2

Si tiene que hacer esta pregunta, seguramente no debería estar trabajando en la codificación de CSS para que coincida con las maquetas de diseño que tiene delante. Esa es mi humilde opinión.

BTW: Esto fue en respuesta al fraseo original de su pregunta: "¿Cómo debo comenzar a codificar CSS para las maquetas de diseño que tengo enfrente?".

Answer 3

EDIT:

En respuesta a su actualización - Yo personalmente a favor Firebugs CSS editar/vista previa/modificar sobre WDT de. Es mucho más directo IMO.

IMO esto es en general una mala práctica. Si bien el objetivo es separar la estructura (xhtml) de la presentación (CSS), a veces no es completamente posible, por ejemplo, tener que envolver un elemento con varios elementos para que el equipo de diseño pueda tener sombras y esquinas redondeadas y el equipo de desarrollo puede tener altura y ancho reconocibles ...

De todos modos, lo más fácil es comenzar a aplicar sus estilos a los elementos ... no entiendo qué tipo de indicadores está buscando, podría ser útil si proporciona una visión general rápida de su proceso actual.

Answer 4

Use un IDE adecuado que le brinde tanta ayuda como sea posible.

IntelliJ IDEA es no sólo un gran IDE Java, también es ideal para la edición de HTML/CSS:

• editor de CSS
• CSS finalización de código
• sintaxis CSS error & destacando
• CSS sobre la marcha validación & intención acciones
• Encontrar/resaltar usos
• Quick Doc
• Código CSS plegable
• formato del código CSS
• CSS vista Estructura
• Refactoring
• auto-comentario declaración
• Goto
• Mostrar contenido

Ver más aquí : http://www.jetbrains.com/idea/features/html_css_editor.html

Answer 5

Recomendaría un marco como el 960 Grid System. La creación de bonitos diseños y prototipos funcionales se realiza muy rápidamente cuando tienes 960 al alcance.

Answer 6

Usted podría tratar de usar algo como Sass

Answer 7

utilizando tablas en el formato

Answer 8

Existen ciertos sistemas de plantillas como sass, que pueden funcionar bien en ciertos diseños o hojas de estilo grandes.

Si sus diseños son repetitivos, ya que siempre se adhieren a ciertas convecciones, puede probar un marco css.

Sin embargo, a pesar de la compatibilidad limitada con los navegadores cruzados, CSS es trivial (incluido IE6 después de una cierta cantidad de experiencia). Puede intentar combinar sistemas de plantillas, o los llamados marcos CSS, pero tenga en cuenta que a veces menos es más.

Answer 9

scaffold le permitirá construir su CSS en forma conceptual ...

Answer 10

Como Hartikainen sugirió Me considerada fuertemente utilizar una extensión CSS. Realmente simplifican el desarrollo, hacen que su código esté más organizado y admiten coherencia. Por lo tanto, admiten una mayor calidad CSS y un desarrollo más rápido.

más prominentes son

• Sass,
• Less y
• Compass