elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


Tema destacado: Introducción a Git (Primera Parte)


  Mostrar Mensajes
Páginas: 1 ... 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 [187] 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 ... 295
1861  Programación / Desarrollo Web / Re: [Pregunta]: ¿Es posible hacer algo como esto? en: 25 Agosto 2019, 19:54 pm
No te vale simplemente poner un tag vacio y editarlo con javascript? Y si quieres hacer algo usar onclick="funcionjs();" onload="...;" onerror="...;"

O calcularlo en onload en el body con la hora del sistema y un eventlistener al loaded también con la hora.
Comparas los strings y sabes el tiempo que pasó desde que se efecutó la función hasta que se terminó de cargar el documento.

No sé exactamente lo que quieres asique te dejo un link donde se explican varias posiblidades con ejemplos.
 https://javascript.info/onload-ondomcontentloaded


 
1862  Foros Generales / Dudas Generales / Re: para que usan el .bat en: 25 Agosto 2019, 19:23 pm
Me refería a limitado con respecto a las capacidades y posibilidades con respecto a Python. Obviamente el propósito no es el mismo.

Creo que se encuentran con .bat tras hacer búsquedas tipo:
"virus para la pc" y se encuentran tutoriales de juackers malvados hasiendo un shutdown para apagarle la "pesé" a sus enemigos juackers!!!!!!!!

1863  Informática / Hardware / Re: Boot Menu bloqueado en: 25 Agosto 2019, 18:50 pm
Si también tienes contrasela BIOS y no oiedes modificarla hay muchas páginas como:
http://www.biospassword.net/
Hay una pagina muy buena que no me acuerda.

Yo uso HirensBotCD (HBCD) para formatear el disco. Quemé la imagen con Yumi junto a Ubuntu Server, Arch y Xububtu. Estos 2 con persistencia.

Ten cuidado con las versiones de HBCD que mucha vienen cargaditas de malware que infectan el arranque de un disco a quemarlo. Puedes buscar el original o limpiarlo a mano. Tiene muchísimas herramientas para todo. Para mi es indispesable para arreglar equipo. Tengo el Pendrive, un adaptador micro SD a SD de llaveros y un cable usb extensible que va enrollado y no ocupa nada. Y llevo la microsd en el android con más sistemas y herramientas para portátiles que suelen tener para conectar SD. Muy cómodo y siempre estás preparado sin tener que estar pendiente de nada.
1864  Foros Generales / Dudas Generales / Re: para que usan el .bat en: 25 Agosto 2019, 14:56 pm
buenas a todos quisiera saber para que se usa en la actualidad los archivos .bat y si lo que se puede hacer bon .bat tanbien se puede hacer con python
Python puedes hacer prácticamente todo lo que te permita un ordenador. Batch está muy limitado.
1865  Programación / Desarrollo Web / Re: SVG responsive? en: 25 Agosto 2019, 06:59 am
- Nop, el Zoom del móvil es como el zoom de la lupa de windows, sirve para agrandar todo, no tiene efecto sobre el viewport, tamaño de letras, etc, es decir te amplia el webview y no el DOM.

- Yo solo utilizo el Android para leer el correo y ver YouTube, para lo demás tengo una Tablet con Windows 10, esta tablet al igual que el android tiene una pantalla táctil que permite hacer zoom sobre el webview del navegador web y aparte puedo usar el zoom del propio navegador web, no son lo mismo, uno actúa como una lupa y el otro cambia el devicePixelRatio o ppp.



- Para que el viewport se adapte al devicePixRatio y no se vea raro (como lo son programas clásicos funcionando en monitores 4k, todo se ve diminuto) se utiliza la etiqueta meta viewport que solo funciona en móviles para corregir este problema (en PC se ignora completamente):

Código
  1. <meta name="viewport" content="width=device-width, initial-scale=1">

-- Y opcionalmente se agrega el user-scalable=no para evitar el zoom sobre el webview en dispositivos móviles.

Código
  1. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

- En PC el SVG trabaja así:

Código
  1.  <head>
  2.    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  3.    <style>
  4.      html, body     { margin: 0; }
  5.      header, footer { position: fixed; left: 0; right: 0; }
  6.      header         { top: 0; }
  7.      footer         { bottom: 0; }
  8.      section :first-child { margin-top: 20%; }
  9.      section :last-child  { margin-bottom: 15%; }
  10.  </style>
  11.  </head>
  12.  <body>
  13.    <header>
  14.      <svg id="svgh" viewBox="0 0 100 15">
  15.        <rect width="100" height="15" fill="blue"/>
  16.      </svg>
  17.    </header>
  18.    <section>
  19.      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  20.      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  21.      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  22.      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  23.      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  24.      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  25.      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  26.      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  27.      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  28.      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  29.      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  30.      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  31.      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  32.      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  33.      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  34.      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  35.      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  36.      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  37.    </section>
  38.    <footer>
  39.      <svg id="svgf" viewBox="0 0 100 10">
  40.        <rect width="100" height="10" fill="tomato"/>
  41.      </svg>
  42.    </footer>
  43.  </body>
  44. </html>
  45.  



- Los SVG trabajan con el Pixel-Ratio dado por el viewBox (100*15 y 100*10 respectivamente en el ejemplo), por esto puede haber problemas al cambia el tamaño del view-port por ejemplo al pasar del Horizontal al Vertical.

- El SVG en sí, si que puede adaptarse a unidades viewport (en mi caso me da igual usar % ya que el contenedor es bloque al 100%, puedes cambiar width="100%" height="15%" a width="100vw" height="15vh"), pero sus elementos por defecto se alinearán al centro, me parece que esto es lo que estás buscando (fíjate en el svg amarillo por supuesto):

Código
  1.  <head>
  2.    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  3.    <style>
  4.      html, body     { margin: 0; }
  5.      header, footer { position: fixed; left: 0; right: 0; }
  6.      header         { top: 0; }
  7.      footer         { bottom: 0; }
  8.      section :first-child { margin-top: 20vh; }
  9.      section :last-child  { margin-bottom: 10%; }
  10.  </style>
  11.  </head>
  12.  <body>
  13.    <header>
  14.      <svg id="svgh" viewBox="0 0 105 15" width="100%" height="15%" style="background-color: yellow">
  15.        <rect x="5"  y="3" width="20" height="10" fill="blue"/>
  16.        <rect x="30" y="3" width="20" height="10" fill="orange"/>
  17.        <rect x="55" y="3" width="20" height="10" fill="green"/>
  18.        <rect x="80" y="3" width="20" height="10" fill="red"/>
  19.      </svg>
  20.    </header>
  21.    <section>
  22.      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  23.      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  24.      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  25.      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  26.      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  27.      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  28.      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  29.      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  30.      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  31.      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  32.      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  33.      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  34.      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  35.      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  36.      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  37.      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  38.      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  39.      proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  40.    </section>
  41.    <footer>
  42.      <svg id="svgf" viewBox="0 0 100 10">
  43.        <rect width="100" height="10" fill="tomato"/>
  44.      </svg>
  45.    </footer>
  46.  </body>
  47. </html>
  48.  



- Sin embargo, es más sencillo hacerlo usar flexbox/grid, aunque dependerá de los items que quieras poner en tu "banner"

- Por cierto, puedes utilizar el gratuito InkScape para hacer el SVG, este programa trabaja netamente con SVG, además tiene la opción de mostrar y editar el código SVG directamente (algo rudimentario), para cosas más complejas Illustrator XD.
Creo que tal y como está ahora se ve decente. Añadí:
Código
  1. <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
A ver lo del zoom que le hago en PC. Estoy poniendo un url para eliminar la etiqueta y el banner por si se necesita zoom o se quiere ver toda la pantalla para leer más cómodo. Lo acabaré integrando en el banner/toolbar. Tengo en mente convertir el rectángulo en un círculo y dejar el círculo en una esquina para poder restaurar la barra de herramientas. Podría hacer la animación de forma fake con Three. O quizás con D3 sea más fácil que usando SVG para hacerlo de verdad. Se me va a complicar mucho, pero por intentarlo que no quede xD. A ver que hago con el tema de javascript para Tor para mostrar un banner con SVG.

Anda, que buena info! Justo mencionas la etiqueta que puse jajaja.
Tengo que probar la página como está en varias resoluciones a ver si así ya queda decente. También mirar el tema de los bordes. Se ve un hueco en blanco al lado del borde al mover la pantalla como para hacer zoom.

Miraré todo lo que habeis comentado al máximo detalle cuando empiece a aplicar CSS. E estado viendo varios atributos que más o menos me lo dejan mejor, pero tuve algunos problemas con algunos, asique las quité todas e iré probándolas con el SVG una a una.

Muchas gracias por todo el curro!!! ♡♡♡
1866  Foros Generales / Dudas Generales / Re: dudas sobre el gps en: 25 Agosto 2019, 02:40 am
En realidad se necesitan 3 satelites en distintas posiciones sobre la tierra para determinar la ubicación, ya que la tierra es esférica y si hicieses triangulación, la ubicación daría bajo tierra, y para subirla desde "bajo tierra" hacia el suelo, se necesitarían hacer varios cálculos. A parte no sería tan preciso porque desde el punto bajo tierra hacia el suelo obtendrías un angulo que determinaría una circunferencia. A más distancia del punto bajo tierra hacia la superficie, más grande la circunferencia de posibilidades en las cuales podría estar localizado.

En realidad se envian ondas que llegan en un rango amplio del satelite hacia el coche. Cada satélite las envia independientemente. En el dispositivo del coche se guarda la hora a la que se recibe la señal y con ella se calcula la distancia del gps.

Cada gps marca un círculo. Si solo hay 2 gps, hay 2 puntos muy lejanos en donde se tocan los círculos. Con el tercer satélite ya tienes un solo punto posible.

Fuente: Conversaciones borracho a las 6 de la mañana con amigo que trabaja con los satelites en la agencia espacial europea. Jajaja

1867  Programación / Desarrollo Web / Re: SVG responsive? en: 25 Agosto 2019, 00:16 am
Ok, bueno me voy dando cuenta que el zoom en android no es igual que el zoom del escritorio. El código funciona en el navegador de escritorio. Quizás el zoom del móvil es gráfico. No se si haya alguna forma de leer el nivel del zoom y dividir las unidades por el zoom.

Puedes deshabilitar escalar la pagina por meta tags pero me imagino que lo que quieres es que el usuario pueda agrandar otras cosas mientras que una parte se queda igual.
Sí, tiene retardo y todo si haces zoom muy rápido. Debe tener una capa de software independiente ahí.
Si se puede hacer lo que dices, lo comento en el primer post. Se puede hacer con la matriz, pero me parecen demasiadas operaciones y que reacciona mal haciendo cosas raras (en Android). Estoy seguro al 400% que hay otra manera de hacerlo y realmente bien, que quede perfecto. Y lo que tengo yo hecho es basura basura.

Exactamente eso, quiero que se pueda hacer zoom, porque yo lo uso muchísimo para leer a gusto.

Lo peor es que la página es para poder visualizarla toda sin imágenes habilitadas en el navegador. Asique necesito SVG sí o sí.
1868  Programación / Desarrollo Web / Re: SVG responsive? en: 24 Agosto 2019, 22:13 pm
Es algo díficil de demostrar como funciona vh y zoom en linea, porque la mayoría de los sitios usan frames de alguna forma u otra. Cuando tu haces zoom con el navegador, el viewport de tu navegador no cambia. Sigue siendo el mismo. El navegador no escala unidades relativas. 50% de un contenedor sigue siendo 50% cuando haces zoom.

Si tu SVG usa unidades absolutas si las escala. Es decir, si tienes un SVG con 500px de alto o 500px de ancho, el navegador escala esas unidades.

Edit:
Mira este es un ejemplo que saque de Mozilla:

Código
  1. <!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/rect -->
  2. <head>
  3. html,body { margin: 0px; }
  4. svg { /*max-width: 50vh;*/ height: 50vh;}
  5. </style>
  6. </head>
  7. <body>
  8. <div>
  9. <svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  10.   <!-- Simple rectangle -->
  11.   <rect width="100" height="100" />
  12.   <!-- Rounded corner rectangle -->
  13.   <rect x="120" width="100" height="100" rx="15" />
  14. </svg>
  15. </div>
  16. </body>
  17. </html>

Lo único que hice fue darle un alto de 50vh, puedes hacerle zoom y no le pasa nada al contenedor (esto sin frames). Puedes hacer lo mismo con el % siempre y cuando estés pasando el tamaño del viewport desde la etiqueta HTML (pero para que hacer eso, si puedes usar las unidades de viewport).
No le pasa nada al contenedor pero si al contenido. Al darle zoom aumenta el tamaño de los rectángulos. Si los pongo de banner al hacer zoom o cambiar la resolución se ven más grandes. Si la resolución es baja, se superpone al contenido de la web y solo ves el rectángulo.
Cómo me sirve ese código? Es exactamente lo mismoque tenía cona diferencia de que no se mueve, entonces si lo pongo de toolbar, no baja con la web. :(

Cita de: EdePC
- Pero ese banner no es SVG, ni se ajusta a lo que has pedido al principio, si hago zoom se amplia y reduce también :xD

- Me parece que no estás poniendo la etiqueta meta viewport para que funcione correctamente en dispositivos móviles. Cuando llega a casa lo pruebo en un móvil y hago las capturas ...
En android está bloqueada la página para no hacer zoom no vi ese problema O.o

No sabía si era SVG o no, vi esa barra buscando y decidí pasar la web porque la funcionalidad es muy similar a lo que intento hacer. Prácticmente es lo mismo, pero con las diferencias de que no se amplie al hacer zoom, y que la barra se muestre todo el rato, no solo al bajar por el documento.

Yo tengo muy claro el resultado final que busco, pero igual no lo explico bien, perdonad.
1869  Programación / Desarrollo Web / Re: SVG responsive? en: 24 Agosto 2019, 20:08 pm
Creo que eso no me lo soluciona Minusfour, porque entonces al viewport le tengo que poner tamaño y estoy en las mismas no? Ya que si se lo pongo fijo al cambiar de resolución se ve distinto.

Mira el banner de este sitio que se activa al bajar el documento. Es eso exactamente lo que busco. Voy a mirar el código a ver si consigo entender como está hecho.

https://davidwalsh.name/building-animated-svg-banners
1870  Programación / Desarrollo Web / Re: SVG responsive? en: 24 Agosto 2019, 18:09 pm
- Mientras tu viewBox sea dinámico/automático también lo será la escalibidad del SVG. Especifica un viewBox y el SVG se mantendrá tal cual:

-- El viewBox especifica el Aspect-Ratio, sirve de máscara y sienta la base para dibujar los elementos del contenidos en el SVG, la medida es en Puntos como si fuera un plano cartesiano. El SVG se adaptará lo más posible a su contenedor manteniendo su aspect-ratio (sin deformarse, salvo que se indique lo contrario), es decir, siempre será width: 100%; height: auto;

- Con eso el SVG será siempre el mismo y no cambiará por más que se cambie el Zoom.

- Con respecto a las vistas horizontal y vertical, el SVG no puede ser el mismo ya que se tendría que deformar, lo mejor es usar un media-query para transformar el SVG o poner otro en su lugar, tal cual pasa con el teclado Android, no es el mismo cuando esta en modo Portrait (vertical) y modo Landspace (horizontal), al menos el mio no XD. A no ser que especifiques el permiso de preserveAspectRatio="none"
Probé con el código que me muestras y se queda todo centrad en medio, con un tamapo enorme que no se ven ni la letras. Sigue teniendo el problema de que es distinto en cada resolución, entonces no sé para que me sirve?

 Estuve mirando antes de hacer el post y había que manejar matrices y el sistema de coordenadas de viewbox me parece absurdamente complejo. Cuando por ejemplo superas el tamaño del viewbox los elementos se mueven hacia la derecha en vez de agrandarse. Quise dibujar el texto con svg y me fue totlmente imposible dibujar una M. Asique al final use la etiqueta para el texto por ese motivo con el objetivo de crear una ttf.
Puse una de prueba en la carpeta del host y no me la carga.

Vaya rollazo xD.

Buscaré ejemplos ya hechos para ver como lo manejan, porque me da a mi que esto es bastante complejo.
Páginas: 1 ... 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 [187] 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 ... 295
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines