Menéame: comentarios [3699248] http://www.meneame.net www.meneame.nethttp://www.meneame.nethttp://cdn.mnmstatic.net/m/tecnologia/img/mnm/eli-rss.png Sitio colaborativo de publicación y comunicación entre blogs Sun, 24 Jul 2022 15:14:19 +0000 http://blog.meneame.net/ es 36269928 3699248 23 --348464-- 0 10 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #23 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c023#c-23 Sun, 24 Jul 2022 15:14:19 +0000 --348464-- https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c023#c-23 [Usuario deshabilitado]

» autor: --348464--

]]> 36269335 3699248 22 LaInsistencia 1 12 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #22 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c022#c-22 Sun, 24 Jul 2022 13:35:35 +0000 LaInsistencia https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c022#c-22 #14 No veo como ese dato podría descartar cualquiera de las dos premisas, no son excluyentes...

Ábrelo en Chrome, activa "vista ordenador", haz zoom y afílate los dedos para acertar en el recuadro negro. De nada.

» autor: LaInsistencia

]]> 36269009 3699248 21 zeioth 0 9 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #21 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c021#c-21 Sun, 24 Jul 2022 12:45:19 +0000 zeioth https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c021#c-21 Solo compatible con chrome parece.

» autor: zeioth

]]> 36268919 3699248 20 mirav 0 10 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #20 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c020#c-20 Sun, 24 Jul 2022 12:32:06 +0000 mirav https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c020#c-20 #17 culpa mía, tengo el condensador de fluzo sin los últimos parches

» autor: mirav

]]> 36268654 3699248 19 stroke 0 10 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #19 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c019#c-19 Sun, 24 Jul 2022 11:51:34 +0000 stroke https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c019#c-19 #7 ahí mirando el móvil por encima de las gafas.

Le doy a la cuerdecita y hago scroll.

Me siento como cuando se pusieron de moda aquellas fotos que se veían en 3d bizqueando, que me gaste una pasta en un libro y nunca conseguí ver nada mientras mis amigos hacían halaaa, como molaaaaaa

» autor: stroke

]]> 36268270 3699248 18 traviesvs_maximvs 0 11 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #18 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c018#c-18 Sun, 24 Jul 2022 11:01:50 +0000 traviesvs_maximvs https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c018#c-18 #4 sí que funciona en móvil,aunque me tardó unos segundos

» autor: traviesvs_maximvs

]]> 36268160 3699248 17 dav 0 9 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #17 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c017#c-17 Sun, 24 Jul 2022 10:46:09 +0000 dav https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c017#c-17 #15 que con todos esos palabros molones no funcione me parece delictivo xD xD xD

» autor: dav

]]> 36268070 3699248 16 Nights 0 10 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #16 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c016#c-16 Sun, 24 Jul 2022 10:31:19 +0000 Nights https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c016#c-16 #9 Es una virguería, sin duda. Mis dieses. Sólo estaba en plan tocapelotillas.

» autor: Nights

]]> 36267885 3699248 15 mirav 0 10 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #15 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c015#c-15 Sun, 24 Jul 2022 10:02:18 +0000 mirav https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c015#c-15 En firefox con bspwm como tiling manager y picom como compositor tampoco funciona. En chromium si que va.

» autor: mirav

]]> 36267784 3699248 14 Abeel 2 33 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #14 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c014#c-14 Sun, 24 Jul 2022 09:48:01 +0000 Abeel https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c014#c-14 #12 calmate, yo buscaba el comentario de que no va en el móvil para saber si soy subnormal yo y no se hacerlo o es que no se puede.

» autor: Abeel

]]> 36267550 3699248 13 El_Hombre_Blandengue 0 6 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #13 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c013#c-13 Sun, 24 Jul 2022 09:16:35 +0000 El_Hombre_Blandengue https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c013#c-13 #9 yo creo que esta chica es tu novia.

» autor: El_Hombre_Blandengue

]]> 36267464 3699248 12 Mister_T 4 26 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #12 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c012#c-12 Sun, 24 Jul 2022 09:04:28 +0000 Mister_T https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c012#c-12 #11 es un experimento para enseñar algo que se puede hacer, no necesita funcionar en móvil ni ser accesible ni comentarios socarrones con caritas de risitas.

» autor: Mister_T

]]> 36267435 3699248 11 Oghaio 6 68 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #11 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c011#c-11 Sun, 24 Jul 2022 09:00:04 +0000 Oghaio https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c011#c-11 #9 Nadie ha dicho que sea una mierda, pero la puta realidad es la que es: no funciona en el móvil.

» autor: Oghaio

]]> 36267418 3699248 10 nospotfer 2 16 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #10 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c010#c-10 Sun, 24 Jul 2022 08:57:23 +0000 nospotfer https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c010#c-10 Tira del dedo :troll:

» autor: nospotfer

]]> 36267326 3699248 9 Mister_T 7 48 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #9 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c09#c-9 Sun, 24 Jul 2022 08:44:35 +0000 Mister_T https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c09#c-9 #4 #8 me preguntaba cuándo aparecería alguien como vosotros.
Una persona hace una virguería y siempre sale alguien diciendo "huy huy vaya mierda, que no es perfecta, se ha equivocado en tal o cual cosa.."

A lo mejor vosotros lo hacéis mejor, y hasta que se vea en móvil.

» autor: Mister_T

]]> 36267231 3699248 8 Nights 0 10 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #8 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c08#c-8 Sun, 24 Jul 2022 08:24:10 +0000 Nights https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c08#c-8 En móvil no funciona {0x1f602} {0x1f602}

» autor: Nights

]]> 36266911 3699248 7 yofuihongkongphooey 3 39 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #7 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c07#c-7 Sun, 24 Jul 2022 07:19:56 +0000 yofuihongkongphooey https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c07#c-7 #3 Yo tampoco puedo "tirar" de la cuerda desde el móvil. Ni con firefox ni con Chrome.
Dios, me siento como mi abuela, con lo que yo he sido. Me cagüen la mar.

» autor: yofuihongkongphooey

]]> 36266657 3699248 6 VorticeSotil 1 16 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #6 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c06#c-6 Sun, 24 Jul 2022 06:05:21 +0000 VorticeSotil https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c06#c-6 CSS es el infierno

» autor: VorticeSotil

]]> 36266624 3699248 5 --348464-- 1 17 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #5 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c05#c-5 Sun, 24 Jul 2022 05:47:56 +0000 --348464-- https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c05#c-5 [Usuario deshabilitado]

» autor: --348464--

]]> 36266623 3699248 4 --348464-- 0 10 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #4 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c04#c-4 Sun, 24 Jul 2022 05:47:22 +0000 --348464-- https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c04#c-4 [Usuario deshabilitado]

» autor: --348464--

]]> 36266621 3699248 3 stroke 1 13 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #3 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c03#c-3 Sun, 24 Jul 2022 05:45:24 +0000 stroke https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c03#c-3 Solo funciona en pc o soy un pvto usuario?

» autor: stroke

]]> 36266534 3699248 2 sieteymedio 0 8 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #2 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c02#c-2 Sun, 24 Jul 2022 04:27:40 +0000 sieteymedio https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c02#c-2 #1 Vamos, una sacada de chorra.

» autor: sieteymedio

]]> 36265605 3699248 1 geralt_ 7 82 https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng #1 Un artilugio mecánico interactivo en CSS puro [ENG] https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c01#c-1 Sat, 23 Jul 2022 20:49:50 +0000 geralt_ https://www.meneame.net/m/tecnologia/artilugio-mecanico-interactivo-css-puro-eng/c01#c-1 Explicación de cómo funciona recogida y traducida de: news.ycombinator.com/item?id=32125435

Traducción automática:

Un uso impresionante de la altura del contenedor para establecer el estado. Cómo funciona:
La cuerda izquierda tiene un atributo "resize: vertical" establecido, que te permite cambiar dinámicamente la altura de la misma con sólo css. Esto influye en la altura del contenedor padre, ya que es el único div que no tiene su altura establecida como un porcentaje.

Todos los demás div tienen su altura configurada con un "calc()" con un porcentaje y una cantidad añadida de píxeles. Esto significa que cuando el contenedor padre cambia de tamaño, su altura se ajusta, lo que también ajusta su imagen de fondo. Esto es lo que impulsa las animaciones de la cuerda y el engranaje, pero de diferentes maneras.

La cuerda es sencilla: cuando el contenedor crece en altura, la imagen de fondo de la cuerda cambia de posición, creando un efecto de tracción.

El engranaje es más complicado. Cada uno de ellos utiliza una hoja de sprite vertical larga para representar una animación de giro. El modo en que se activa esta animación es inteligente: fíjate en la posición de fondo de uno de los grandes engranajes rojos. Está ajustado a 10000%. Si lo pones al 100%, notarás que el fondo de los engranajes se mueve en sincronía con la cuerda - cada pixel de altura del elemento mueve el fondo hacia abajo en 1px. Al ponerlo al 10000% lo que estás diciendo es, "por cada píxel de altura de este elemento, desplaza el fondo 100px". En particular, cada uno de estos engranajes rojos en la hoja de sprites tiene precisamente 100px de altura. Eso significa que por cada píxel añadido a la altura, desplaza la hoja de sprites a la siguiente marcha.

Algo realmente inteligente.

» autor: geralt_

]]>