Editores de código

Como los Desarrolladores Web 4×4 no usan Dreamweaver, aquí les dejo un par de editores recomendados para Mac o PC. La verdad hay muchos pero no los he probado todos, así que dejo los que conozco. Indico los que no son grátis.

PC

• Notepad++
  No es muy bonito, pero le lleva colores de sintaxis, auto-indentado y otras gracias. Muy liviano y grátis como el aire.
• Aptana.
  Grátis. No lo he probado pero se ve muy bien.
• Notepad 2
  También se ve sencillo, con todo lo necesario, y grátis.

MAC

• TextMate
  Muy simple, rápido y fácil de usar. Colores de sintaxis, auto-indentado y, lo mejor de todo, vista del arbol de directorios.
  USD39, pero en mi humilde opinión valen la pena.
• TextWrangler
  No es lo mejor, pero sirve. Es el que usamos en clases y es grátis.
• BBEdit
  El hermano mayor (y pagado) de TextWrangler.
• Smultron
  Grátis y bueno.

Si tienen más para sugerir, agreguenlos en los comentarios.

Columnas 2

En la clase de hoy seguimos desarrollando un layout a dos columnas usando el atributo “float”.

#mi_columna {
float:left;
}

Además vimos el uso de la clase clearfix para corregir un error común en el uso de “float”.

El zip con los archivos lo encuentran en la carpeta “material_clases”, en los archivos del curso en eCampus.

Revisen el código del ejemplo, acumulen dudas y preguntas.

Próxima clase: manejo de imágenes en CSS, sobre el layout que ya tenemos. Trabajaremos sobre un PSD que usaremos de modelo para replicar con CSS.

Lectura sugerida (me permito linkear a mi propio sitio, por comodidad ):

• Columnas CSS: Floats (EstadoBeta).
• CSS: dónde van las imágenes? (EstadoBeta).

Recuerden dejar sus preguntas en los comentarios.