Me encanta dar cursitos. En realidad me gusta todo lo que implique hablar e intercambiar opiniones.
Hace unos meses tuve la suerte de dar un cursete para un pequeño puñado de almas pacientes. Todo empezó con un mensaje de Raul Murciano en la lista de madrid-rb y de ahí salió una propuesta de temario sobre temas variados de front dirigido a desarrolladores y preparados para degustar en una tarde de viernes y una mañana de sábado.
En resumen, me lo pasé genial, y encima ellos me trataron como un rey.
Como todo el mundo sabía algo de html (algunos sabían mucho) la idea era reforzar conceptos, jugar con ejemplos y aprender truquitos para usar todos los días.
Al terminar el curso quedamos en que les enviaría material, pero la verdad es que había preparado una presentación con tan poquito texto que enviar un pdf con notas y unos ejemplos se me quedaba muuuy cortito.
Tras darle un par de vueltas la docu del curso ha quedado tal que así, y por aquí queda por si alguien más puede sacarle partido.
Dave 24 ene 2010 - 10:59 PM
pues tio, ojalá todas las documentaciones fueran así, genial.
Jose 25 ene 2010 - 12:48 AM
Si ya eres el mejor haciendo lo que más te gusta, encima haces cosas así..vaya tela! :)
josepzin 25 ene 2010 - 08:42 AM
Gracias por compartirlo
Gonzalo 25 ene 2010 - 08:51 AM
Plas plas.
Gaizka 25 ene 2010 - 09:34 AM
¡¡Genial el curso!!
A ver si ahora aprendo algo de una vez sobre floats, overflows y demás :)
total_13 25 ene 2010 - 11:11 AM
Genial! Y no sabía el truco del overflow:visible para evitar el demencial padding de los botones en explorer.
Gracias!
Borja 25 ene 2010 - 11:25 AM
Señor Mamuso !! Yo quería hacer una pequeña aportación, y conste que creo que fui yo el que te puso tras la pista y la solución de esta técnica http://frontdeandarporcasa.mamuso.net/004-flotar-05.html . Mea culpa.
Utilizar como hack para Explorer la propiedad { height: 1%; } al final acaba siendo una pequeña trampa y hay que hacer correcciones en la propia hoja de explorer con { height: auto; }. Esto depende mucho del diseño y el estilo del maquetador, pero ya me he encontrado algunos casos en los que era un problema.
Ahora mismo, para darle layout[1] a la caja en explorer (lo que realmente necesita el navegador para comportarse adecuadamente en este caso) utilizo la siguiente declaración.
selector
{
zoom: 1;
display: inline-block;
}
Esas propiedades son mucho menos peligrosas que la declaración de height. Como contrapartida te puedes encontrar con algún fallo en Explorer 5.x, pero creo que ya no quedamos muchos mohicanos que tengamos esas consideraciones.
Por cierto, también he echado una lagrimilla con esto ... Creo que deberías incorporar al curso el nombre que le pusimos a la clase ;)
[1] MUST read para temas de Explorer http://www.satzansatz.de/cssd/onhavinglayout.html
Borja 25 ene 2010 - 11:27 AM
Ups !! En la última referencia se fue el HTML por el desagüe, me refería a esto http://frontdeandarporcasa.mamuso.net/008-hacks-02.html
mamuso 25 ene 2010 - 12:13 PM
Borja! :)
Cierto, tú me pusiste tras la pista y desde entonces oye, como un señor :D. Con lo del height: 1% he tenido alguna pesadilla, tienes razón que con el zoom y el inline-block se queda solucionado, esta tarde lo actualizo.
En cuanto a los bordes redondeados... sólo tengo que decir que... .to_hell_with_rounded_corners FTW!! :D
En serio, creo que trabajar con Borja es algo que todo el mundo debería de pasar dos veces en su vida, se aprende un huevo y se disfruta otro :D
Borja 25 ene 2010 - 12:45 PM
Jajaja, lo mismo podría decir yo de ti !! Ya hemos trabajado una vez, así que por lo menos nos queda otra
:)
alberto fortes 25 ene 2010 - 06:36 PM
Increible!!!
es perfecto, sencillo, bonito y simple.
Atacas los principales problemas con soltura y gracejo y en un plis plás te los ventilas.
En serio Mamuso, pra quitarse el sombrero.
PD. No sabía que habías marcado una versión del reticulator de Ale para el navegador... Olé!
En los diseños uso el reticulator, así que para maquetar ya tengo el apaño.
Vaya crack!
Marcio Barrios 25 ene 2010 - 11:04 PM
Felicidades Mamuso! me encanta cómo está explicado, tan cercano que parece que esto sea un juego de niños y con ejemplos muy prácticos, lejos de esos tutoriales pesados y aburridos.
Ojalá lo hubiera tenido este año dando un curso de estándares para diseñadores...
Un saludo a Alberto (me sustituyó en salir.com) y a Borja (trabajé en las plantillas de Webactiva con Marta y Gonzalo).
jrdi 28 ene 2010 - 12:01 AM
Increíble! Todos los desarrolladores o todos los que intentamos serlo deberíamos aprender a documentar como tu lo has hecho.
Muchas felicidades, gran trabajo.
Modo 6.6.6 26 feb 2010 - 01:18 PM
Increíble! De los mejores tutoriales que he leído sobre maquetacion web con CSS!
Creo que le has dado un buen repaso a todos los hacks posibles para IE.
Aunque, como apunte: Yo ya solo maqueto para la ultima versión de IE, si alguien tiene la antigua, que se actualice!
Suerte!