Developer Tools en navegador II

Clase 11 de 67 • Curso de HTML5 y CSS3 2015

Diego Cueva Requena

student•

No corten los videos, hacen perder credibilidad en el contenido. Y la profesora se dejo entender muy bien hasta antes de este video. Este video fue uno de esos, que de por si se ve que hace unos errores apropósito también se puede ver que se equivoco, porque no sabe lo que va salir hasta que lo ve y trata de decir lo mismo repetidamente. Al menos está mejor que el de Java, que si fue(para mi) una pérdida de tiempo.

Hernán Quiroga

student•

Sucede lo mismo en los videos de seguridad informatica, un desastre, no se entiende nada.

Homero Benavides

student•

Si quieren que sus botones se vean idénticos a los de la imagen de muestra (los que hizo en el video tienen las esquinas inferiores planas) utilizen la propiedad box-shadow en lugar de border-bottom, les dejo el código de mi botón por si quieren ver la diferencia:

.button {  
    background-color: #FFB400;  
    border-radius: 5px;  
    -webkit-border-radius: 5px;  
    box-shadow: 0 6px #E49100;  
    color: #FFFFFF;  
    font-weight: 400;  
    padding: 20px 30px;  
    text-decoration: none;  
    text-transform: uppercase;  
}

Juan

student•

con muchos respeto a todos los profesores pero la profesora es excelente hace q la curva de aprendizaje vaya de menos a mas ojala tenga mas cursos para nosotros

Edwin Ortiz Llamccaya

student•

Me parece genial, toda la explicacion que hace, sobre todo cuando hace enfasis en los errores, de verdad que es muy entretenido aprender desde 0, html y ccs.

JuanPa Medina Bernal

Team Platzi•

Como siempre, lo de Platzi muy accesible al público y explicando desde cero, cero, como hacer las cosas. Bien por esa.

P.D. No me gustó nada la música de las cortinillas; solo una opinión ¿eh?. ;)

Georgina Paulina Cuadriello Ramírez

student•

Me gusto su explicación. Bastante específica y clara.

Luis Ivan Puga Cahuich

student•

Muy buen ejemplo del uso de CSS ya le voy arragando la onda.

Juan Ricardo Martin Guio Martin

student•

Muy buenos los aportes de este curso, no conocía la utilidad de Google - Font.

Arturo Schlecht Cabedo

student•

Pues a mi me está encantando como lo explica.

Joel Buenrostro

student•

Gracias por los tips de google fonts, un punto para todos los que tienen la actitud adecuada para crear webs geniales.

David Del Toro Rojas

student•

Al parecer no me funciona esta linea de codigo:

box-sizing: border-box;

No me pone la imagen en toda la pantalla

Manuel Galindez

student•

Me gusta tu clase, haces que lo que algunas personas ven complicado, se observe sencillo.

Carlos Lizarazo

student•

Esto si que es una sorpresa, yo pensaba que sans-serif es una tipografia independiente cuando lo que hace es "adaptarla" haciendola menos dura al quitarle los remates

Junior Yc

student•

han recortado partes del vídeo, por que hacen eso hay cosas que no se ve por completo..

Iñaki Retegi

student•

No consigo enlazar o utilizar un font de google... ; (

Manuela Mira

student•

La profe me encanta! :) muy clara su forma de explicar.

Edgardo T

student•

@marulango xq usar width:100% y no max-width:100%, o en ambos casos la funcion es la misma?

Juan Moreno Montoya

student•

width establece un ancho fijo, max-width establece un ancho que puede ser meno o igual, es decir puede menor o igual al 100% de la pantalla, con width establece lapropiedad fija siempre sera 100%

Matias Daneri

student•

*Margin es el margen que hay desde un elemento hasta los que tenga al lado.

*Padding es el espacio que hay en un contenedor entre el contenido y los bordes del contenedor.

Carlos Cayetano Contreras

student•

no aparece mi imagen de fondo de los perritos :'(

Marco

student•

fijate que la tienes en la hoja de estilo y la tienes dentro de la clase .home, hay tendrias que poner la propiedad background donde puedes establecer un color previo por si la imagen falla, luego la imagen y una serie de condiciones para ella, tal que asi.
.home{
background: #FFFFFF url('assets/bg.jpg') no-repeat center center fixed
;
}
Ves el color y la url donde se encuentra , que es en tu directorio assets y se llama bg.jpg, luego le decimos que no se repita , tipo patron , quede centrado y la fijamos desde el centro.
Saludos

Erick Neftalí Sarmiento Cortes

student•

Me queda claro que tenemos que ajustar todo dependiendo de las imágenes, ya que lo estoy realizando con otra imagen y quedo muy diferente.

Edgar Hernandez

student•

El reset no deja modifica muchas cosas a las cuales se le realizan cambios, hay forma de evitar esto sin necesidad de estar modificando ese reset?

Developer Tools en navegador II

Bienvenidos

Materiales

Descarga el código del proyecto

Introducción a HTML5 y CSS3

Preguntas antes de la clase

Diferencias entre Backend y Front-end

¿Qué es un Frontend?

¿Qué es HTML y CSS?

Semántica en HTML5

Metodología BEM

Introducción a CSS I

Introducción a CSS II