mejorando.la

maestros del webcristalab
Primera clase práctica de CSS3

Primera clase práctica de CSS3

enero.12
Archivo de videos

Comenzamos el año con todo y en el segundo programa del 2012 ya realizamos una clase práctica de CSS3. A pesar de ciertos problemas con la transmisión, hablamos de la importancia de utilizar CSS3 (complementando la charla que había realizado @cvander sobre el Camino a CSS4).

Codeamos en vivo sombras, bordes redondeados, orden básico y ems (@declase3000 nos contó que lo entendió y pudo usar CSS3 en forma). Te sugerimos además que veas estas 3 presentaciones sobre CSS3 y el curso de CSS3 de Cristalab.

Preparate para el próximo programa en donde hablaremos de trucos más avanzados de CSS3.

P.D: Escribimos tantas veces CSS3 porque nos encanta.

33 Comentarios

Avatar for rnhjhz@gmail.com
Gundosrhi
/ mayo.15 extvpf.com/

Aloha!jwst! http://dcbxwz.com anbtv kerhc http://dzhrsz.com xmuys vonbl http://yrkiwo.com pdogw xczaq http://cfuwhi.com gouut gahij http://rxnahq.com sbbkw cklvh

Avatar for djmac@hotmail.com
mateo cabrera
/ marzo.26 www.djstudioweb.com

Saludos!

Cuando abren nuevos cursos en la Cd. de México?, o cuando repiten el de HTML5 y el de JQuery. Se que puedo encontrar información online pero lo que me interesa es la certificación.

Avatar for argenisgutierrez@gmail.com
argenis gutierrez
/ marzo.22

demonios soy su fan son mis ídolos esto es lo máximo me quito el sombrero ustedes deberían ser presidentes de sus respectivos países demonios que increíble seria latinoamérica si todos los programadores y computistas fuésemos como ustedes les juro que me voy a fumar todas las cosas que hagan para mejorar la madre que voy a ser fiel a sus transmisiones porque así es que vamos todos a mejorar.la.

Avatar for guayo20@gmail.com
eduardo villagran
/ febrero.06 www.eduar2.com

cambios en eduar2.com, simple y fácil.

a:hover{
antes
text-decoration:underline;
ahora
color:#506496;
text-shadow:2px 2px 2px #5C7A99;
}
la propiedad color sólo es para producir un leve cambio en los navegadores como IE(v9) que no ejecuta el text-shadown, que al final de cuentas que importa ie!.

P.D.
Lo valioso acá es el contenido, No los encuadres, saludos Rene!

Avatar for fernando@oops.com.mx
Fernando
/ febrero.03

Que software es el que utilizan?

Avatar for r.c.agreda08@gmail.com
roberto agreda
/ enero.29 agreda.site50.net

Hola.! quiero felitarlos por este sitio que esta de los mas cool! esto es muy importante para los q estamos aprendiendo html5 y css3 en serio muchas gracias!!!!!

Avatar for Rcp023@hotmail.com
Rene
/ enero.29

Hola, no tengo idea de que hablan, no me importa un comino, pero de T.V y transmisiones si se, y ustedes estan haciendo una cagada malos encuadres mal todoooooooo si transmites cuando menos ve a la camara coño que aqui estamos los que te vemos no tu pendejo monitor!!! Y si vas a lanzar algo a la pantalla tenlo preparado esta horrible, si quieres saber algo bueno de transmision en internet, hacercate a la gente de nookleo.com ellossi saben hacer transmisiones

Avatar for jomoce@hotmail.com
JOSE MOLINA
/ enero.26 plantilla.comule.com

Gracias a un amigo los conecté y desde allí he estado pendiente de sus teleconferencias. Estoy entrando de lleno en el mundo de las soluciones para la web y la forma en que explican es muy fácil de entender aunque usen tecnisismos. Sigan asi!!!

Avatar for jan.sanchez@ec.pe
Jan Sanchez
/ enero.25

Un dato por si quieren ordenar sus css alfabeticamente o en todo sentido, comprimirlo, un website muy bueno para optimizar tus css: http://www.cleancss.com/

Avatar for cookie_false@gmail.com
cookie
/ enero.18

Coincido en las opiniones sobre el tema de @font-face, por mucho tiempo no lo use porque creía que no era soportado por los navegadores y que solo era una especificación fantasma y abandonada (que tonto fui -_-! ). Primera vez que veo un "programa" de ustedes y me gusto mucho, de alguna manera los comprendo. Sigan así y opino que estaría bien que se viera un poco el tema de opacity amado por unos temido por otros.

Avatar for gabo_e1992@hotmail.com
gabriel
/ enero.18

felicidades...

Avatar for carlos.moran@plataforma.com.co
Carlos M
/ enero.17

Es muy importante tener buenas practicas, los felicito por el programa desde Cali :D.

Avatar for agcarlosandres@gmail.com
Casag
/ enero.17

Muy interesante y sencillo el codigo, pero seria genial si cuando hacen un ejercicio de estos lo estabilizaran y testearan en IE, puede funcionar muy bien en los demás navegadores pero todos sabemos que cuando hacemos un desarrollo no lo hacemos para nosotros sino para los usuarios finales que como podemos ver en nuestros Analitics usan en su gran mayoria IE. SLDOS.

Avatar for ilusiones_jmk@hotmail.com
jemcita
/ enero.16 jemmendoza.com

Hola me gusta mucho lo que hacen sigan asi chicos es de gran ayuda

Avatar for cbarr86@hotmail.com
Carlos Barrionuevo
/ enero.16

Como siempre excelente episodio. Deseando que sea Jueves para el próximo programa de trucos más avanzados de CSS3. Espero que antes que acabe este año los tengamos dando una conferencia en Costa Rica.

Saludos.

Avatar for xtremebook@hotmail.com
Joseph
/ enero.15

great!

Avatar for zetta.master@gmail.com
Jorge
/ enero.14

jajaja que ruby on rails es codigo de nenas jajaja son las propias ratas jajaja ruby es genial pero django tambien, ojala profundicen en estas tecnologias, saludos desde Venezuela

Avatar for Andresmalacao@hotmail.com
Andres
/ enero.14

@Arturin - Por qué no instalas un servidor local?

Avatar for camarillo.itsl@gmail.com
Nando
/ enero.14

Hola que tal muy buen programa , tengo una duda no es acerca de el tema pero me surgió la curiosidad haha, me pregunta es que programa usan para hacer el chat en vivo y conectarse uno con el otro? saldos

Avatar for danielhdz2@gmail.com
Daniel Hernández
/ enero.13

Pues a mirar el video, ya que esta vez no pude en vivo, gracias por este GRAN PROYECTO.

Saludos desde Saltillo, Mx.

Avatar for dreamrepublik@gmail.com
dynames
/ enero.13

les recomiendo espresso para editar el texto, es excelente.

Avatar for Arturin137@hotmail.com
Arturin
/ enero.13 www.bouchot.net

Hola...
Me parece excelente si fuera posible que en su sitio web.. puedieran poner ejemplos de codigos y en seguida su reacción es decir.. el codigo y la imagen o el resulta de dicho codigo... ya que esto nos permitiria a nosotros los ignorantes (yo) poder aprender desde cero... porque es muy fácil hablar con tecnisismos que solo los expertos saben de lo estan hablando... digo... ojala esto fuera posible...
bueno amigos... no me resta mas que agradecerles todo lo que estan haciendo... espero que cuando hagarren mas fama.. o esten en la cúspide del triunfo no se vuelvan egoistas ehhhh... no olvidemos jámas.. que somos lo que somos gracias a que tenemos personas a nuestro alrededor. dicho, de que sierve ser el jefe si no tengo personal a quien mandar... jejejeje

Avatar for tresyolie@gmail.com
Tresyolie
/ enero.13 www.tresyolie.com

Sois los mejores, no sabéis cuanto os agradezco lo que hacéis. Aprendo muchísimo con vosotros.

Avatar for leojg2091@gmail.com
Leo
/ enero.12

una lastima que andubo funcionando mal el stearming pero de todas formas buenisimo.

Me aclaró algun par de cosas sobre css en general como el funcionamiento de los em y como ordenar el codigo.

Avatar for cristian_cena@hotmail.com
cristian_cena
/ enero.12

jajaja mi escritorio está desordenado XD

Avatar for subzero1331@gmail.com
Aldo
/ enero.12

muy buen programa, gracias por los ejmplos :D

Avatar for matgs656@gmail.com
Matts
/ enero.12 sticchimatias.com.ar

Al final la etiqueta h1 se puede repetir o no en un documento html5?

Y otra duda es que viendo templates hay algunos que usan una etiqueta por cada article " .... ". En estos casos pierde completamente la semantica.

Avatar for matgs656@gmail.com
Matts
/ enero.12 sticchimatias.com.ar

Y otra duda es que viendo templates hay algunos que usan una etiqueta header por cada article. En estos casos pierde completamente la semantica.

Avatar for cehbogota@gmail.com
yeinson garrido
/ enero.12

Excelente, no imagino los señores creadores de web con experiencia, que duro les toco... que facil nos hacen la vida ahora con las nuevas oportunidades como css3... y agradecer a ustedes por tener una iniciativa para poder aprender de una forma divertida y lo mejor GRATIS...