¿Cuál es la práctica general para el desarrollo front-end con HTML y CSS? ¿Qué herramientas y formas se utilizan?

La práctica general entre los mejores diseñadores es escribir a mano HTML y CSS en editores de texto (buenos con resaltado de sintaxis y autocompletado).

El uso de plantillas generalmente depende del trabajo. A veces es la forma más barata; a veces hay un sitio preexistente que puede rediseñarse ajustando HTML y escribiendo CSS nuevo.

Todos los diseñadores reutilizan el código, de la misma manera que los programadores reutilizan el código. Pero generalmente no están reutilizando un sitio completo, solo fragmentos que hacen cosas particulares.

No incluiste JavaScript en tu pregunta, pero muchos de los mejores diseñadores escriben JavaScript, lo editan y lo reutilizan de manera similar a HTML y CSS.

Finalmente, no ha mencionado las bibliotecas, pero la mayoría de los diseñadores usan una biblioteca de JavaScript (como jquery) y, a menudo, un sistema de cuadrícula CSS para un desarrollo mejor / más rápido / más barato.

Aptana Studio (basado en eclipse) es gratuito y bueno para codificar php, html, css (y algún otro lenguaje). Algunas de sus mejores características son autocompletar, capacidad de delinear y saltar a otros recursos en un proyecto.

para CSS, creo que usar herramientas de desarrollador en Chrome / Firebug en FF ya es útil. CSSEdit en Mac también es muy bueno para la edición visual.

Brackets es un IDE ligero y personalizable para desarrollo frontend que he estado usando durante el año pasado.

Lo puedes encontrar en brackets.io

Ofrece:

  • Ediciones de hojas de estilo en línea (resalte un elemento en el html)
  • Cientos de complementos / extensiones útiles
  • Vista previa en vivo en el navegador
  • Lo habitual: autocompletar, resaltado de sintaxis …

Lo interesante es que el editor en sí está escrito en idiomas web como javascript.