Os voy a contar una cosa nueva que ha sacado CSS, tenemos una novedad importante de CSS
y es que por fin de forma oficial, oficial, porque antes se podía ya, ya la gente va a decir
esto se puede toda la vida, bueno cálmate y escucha, el caso es que ya se puede de forma oficial
estilar la barra de desplazamiento, el scrollbar, y aquí pues tenemos un ejemplo,
veis aquí está este color azul, vale, y mira ese azulito, pues con una sola línea, scrollbar color blue light
el blue sería el thumb, que el thumb es esto de aquí, y el fondo sería este, o sea son con los dos colores
y aquí pues podéis poner los colores que os dé la gana, black, no sé qué, por ejemplo esto
y así de fácil ya lo podéis estilar, veis, así de fácil lo podéis estilar, la verdad es que está bastante bien
y entonces alguien dirá, pero esto ya se podía hacer con webkit, que se podía, que no sé qué, cierto es
pero el problema de webkit es que eso era un hack, era un hack en el sentido de que básicamente
mira, lo voy a poner por aquí, a ver, tengo por aquí esto, esta forma, os enseño, esta de webkit
a ver, voy a formatear un momento, esto de webkit, scrollbar y tal, esto no funcionaba en todos los navegadores
y no era parte de la especificación de CSS, básicamente esto se lo inventó, no me acuerdo si Safari o Chrome
uno de los dos, porque webkit es el motor de Safari, pero Chrome lo utilizo una temporada
y no me queda muy claro cuál de los dos fue, entonces esta era la forma hacky, digamos
que era solo que la soportaba el navegador y ahora por fin CSS ha estandarizado
cómo se pueden estilar las barras de desplazamiento y han creado dos propiedades nuevas
una, scrollbar color y otra, scrollbar width, ¿vale?
lo que pasa es que en la de width, ojo, cuidado, porque no hay tantas, o sea, no puedes poner dos píxeles
por ejemplo, esto no funciona, de hecho lo ignora, lo que sí que puedes poner es auto
para que automáticamente, ves que se hace más, se hace más gordito
tú cuando lo mueves es así finito, pero cuando te pones encima se pone más gordito
o puedes poner que esté thin, que sea más finito, ¿vale?
aunque ahora mismo esto yo creo que lo está ignorando porque se queda exactamente igual
y creo, y el otro que este sí que funciona es el de none
el de none lo que hace es que desaparece, debería desaparecer
a ver, lo vamos a poner a nivel de article, a ver si sale, vale, ¿veis?
que ha desaparecido, ¿para qué puede ser interesante el de none?
muchas veces los scrollbars, a ocultarlos, era un rollazo
era un rollazo, pero con el none ahora lo puedes hacer
¿y por qué es interesante? pues porque ahora lo que puedes hacer con esto
es hacer un slider con lo de scroll snap y desaparecer el scrollbar
lo cual está bastante bien
y lo tienes, y a ver ahora, si ponemos el thin, porque a lo mejor antes no salía
ah, mira, ¿veis que es un poquito más finito?
¿me da la sensación que es un poquito más finito?
sí, sí que es un poquito más finito
sí, no, me parece que es igual
me parece que es igual, no sé
no, yo los veo igual
yo los veo igual, pero bueno, esos son
el thin yo veo que se ve exactamente igual
al menos mis sensaciones que se ve igual
se ve igual, no sé
lo que pasa, luego se ve raro
es como que se le va la olla, ¿no?
se le va la olla, en fin
por ahora han puesto este y ahora
el soporte que tiene este es que funciona en todos
excepto, excepto en Safari
como, ya, que Safari es lo que tiene ahora mismo
es lo que tiene
pero bueno, sé que Safari lo van a poner
porque al final es una cosa que es de la especificación de CSS
y seguro que lo hacen
ojo que Firefox ya tiene soporte
Chrome lo acaban de poner en la última versión
o sea que igual tenéis que actualizar
y Edge, pues también como utiliza Chromium
pues ya lo tenéis
solo Safari es el único que todavía no tiene soporte
y bueno, que es bastante sencillo
con una sola propiedad
así que nada, buenísima esta novedad de CSS
que siempre, esto siempre ayuda, ¿eh?
bueno, no se estropea nada importante
si no lo carga
claro, a las malas
pues se verá como siempre
y ya está
que la verdad es que tiene sentido
así que si se ve bien
y si no, pues no pasa nada, ¿eh?
¿hay manera de hacer full screen
sin la interacción de usuario?
no
no puedes hacer full screen
sin la interacción de usuario
es lo mismo de reproducir
un vídeo con audio
o un audio
sin la interacción de usuario
no se puede
no se puede
porque si no
tú entrarías a una página web
y sería demasiado intrusivo
que de repente
¡pam!
te hace el full screen
dices
¿tú qué haces?
o sea, suéltame del brazo
¿sabes?
así que no
no se puede
no se puede
no se puede
no se puede
no se puede
no se puede
no se puede
no se puede
que de repente
se puede