Abril 19, 2007
· Archivado en links
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.
Abril 19, 2007
· Archivado en clases, css
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 “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 
):
Recuerden dejar sus preguntas en los comentarios.
Abril 12, 2007
· Archivado en clases
En esta clase hicimos una introducción a la diagramación con CSS.
Contenidos
- Elementos
DIV para estructuración de secciones de contenido
- Atributo CSS float
Links relacionados
En este artículo explico cómo usar DIVs junto con al atributo float para diagramar columnas.
Clase CSS “Clearfix”, usada para solucionar contenedores que colapsan cuando su contenido son floats. La clase original la encuentran en PositionIsEverything. Explicación en español en CSSLab.
