Manos a la web
Cómo recuperar la clave de tu licencia Windows Original

Cómo recuperar la clave de tu licencia Windows Original

por | Mar 26, 2024 | WIndows | 0 Comentarios

¿A quién no le ha pasado que tiene que reinstalar Windows en su portàtil y ha perdido la clave esa que viene en una pegatina (ya ilegible) o en un papel que tiramos junto con la caja del ordenador en tiempos remotos?
Para que siga siendo Windows original necesitamos esa clave que no la encontramos en la configuración de Windows, pero que en algún recóndito rincón guarda celosamente. Y a ese rincón podemos acceder con la utilidad Windows Management Instrumentation Command-line (WMIC).

Para ello accedemos al símbolo del sistema mediante la utilidad CMD.

Una vez dentro nos situamos en cd/windows/system. Para ello bajamos desde la ubicacion que nos de con cd..  hasta c:\

Aquí entramos cd:\windows\system\

Una vez en el directorio (se puede hacer directamente pero prefiero ejecutar la instrucción desde el mismo directorio.

c:\ wmic path softwarelicensingservice get OA3xOriginalProductKey

Y si nuestro Windows es original nos dará la famosa key que necesitaremos para reinstalar nuestro Windows.

 

Como mover el logo de Recaptcha

Como mover el logo de Recaptcha

por | Mar 24, 2024 | Google | 0 Comentarios

En ciertas ocasiones, podemos encontrarnos con que el distintivo de Recaptcha de Google interfiere visualmente con otros logos o elementos de nuestra página web. Esta superposición no deseada puede afectar la estética y usabilidad de nuestro sitio.

Para solucionar este inconveniente, tenemos a nuestra disposición una solución simple y elegante mediante CSS, que nos permite reposicionar el logo de Recaptcha a nuestra conveniencia, por ejemplo, a la esquina inferior izquierda de la pantalla. A través de unas pocas líneas de código en nuestro archivo CSS, este ajuste es rápido y efectivo.

Para aquellos que utilizan WordPress, es crucial recordar que las modificaciones de CSS deben aplicarse al archivo style.css de nuestro tema hijo (Child Theme). Esta práctica asegura que nuestros cambios permanezcan intactos incluso después de actualizar el tema principal, evitando así la pérdida de personalizaciones. En caso de realizar cambios directamente en el tema original, una actualización podría sobrescribir nuestros ajustes, obligándonos a rehacer el trabajo.

También modificamos el estilo del distintivo de Google reCAPTCHA cuando el usuario pasa el cursor sobre él (acción conocida como «hover»)  aumentando el ancho del distintivo de reCAPTCHA a 256 píxeles.

A continuación, te muestro cómo posicionar el logo de Recaptcha en la parte inferior izquierda de tu sitio web, con un margen de 10px para asegurar que no interfiera con otros elementos importantes de tu página:


/* Mover Recaptcha a la izquierda */
.grecaptcha-badge {
	width: 70px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	left: 10px !important;
	bottom: 10px !important;
}

.grecaptcha-badge:hover {
	width: 256px !important;
}
Utilidades CSS online

Utilidades CSS online

por | Jun 10, 2023 | Utilidades Web | 0 Comentarios

En ocasiones quieres personalizar partes de la página web y con CSS puedes hacerlo. La mayoría de constructores tiene un sitio donde puedes hacerlo. Pero CSS a veces es un poco lio. Aquí te presentamos algunas utilidades online que te ayudarán si tienes que retocar el CSS y no sabes muy bien como.

Ilustración: Online illustrations by Storyset

 

Aquí tienes una lista de 6 herramientas online para generar o retocar CSS:

1. CSSmatic (https://www.cssmatic.com/)
– No requiere registro.
– Características: Generador de gradientes, sombras, bordes redondeados y efectos de texto. También ofrece una herramienta de recorte de imágenes y un generador de patrones.

2. CSS3 Generator (https://css3generator.com/)
– No requiere registro.
– Características: Genera código CSS para propiedades como bordes redondeados, sombras, gradientes, transformaciones y transiciones.

3. CSS Grid Generator (https://cssgrid-generator.netlify.app/)
– No requiere registro.
– Características: Permite generar diseños de rejilla utilizando la especificación CSS Grid. Proporciona opciones para configurar el número de columnas, el tamaño de las filas y columnas, y las brechas entre ellas.

4. ColorZilla (https://www.colorzilla.com/)
– No requiere registro, pero ofrece una versión Pro con características adicionales.
– Características: Incluye una herramienta de selección de colores con cuentagotas, generador de gradientes, analizador de colores de página, y generador de paletas de colores.

5. CSS Beautifier (https://www.freeformatter.com/css-beautifier.html)
– No requiere registro.
– Características: Formatea y reorganiza el código CSS para mejor legibilidad. Puede ser útil para dar formato a código CSS existente y hacerlo más estructurado.

6. CSS Minifier (https://cssminifier.com/)
– No requiere registro.
– Características: Minifica el código CSS, eliminando espacios en blanco y reduciendo el tamaño del archivo. Puede ser útil para optimizar la carga de páginas web al reducir el tamaño de los archivos CSS.

Estas herramientas online te permitirán generar y retocar CSS de manera fácil y rápida sin tener que instalar ningún software adicional.

Más utilidades CSS

 

Border Radius

Si queremos hacer que nuestra caja tenga los bordes redondeados, esta es tu página. Sólo tienes que indicar los pixeles que debe tener el redondeado. aplicar y copiar el código

 

Border Radius Generator
6 herrmientas para medir la velocidad de carga de tu web

6 herrmientas para medir la velocidad de carga de tu web

por | Jun 10, 2023 | SEO | 0 Comentarios

La velocidad de un sitio web es esencial para evitar perder clientes / usuarios incluso antes de que hayan entrado en nuestra web.  Optimizar los tiempos de carga de una web, ya sea desde un dispositivo móvil como de sobremesa o portatil,  sirven para ofrecer una buena experiencia de usuario y además ayuda a mejorar tu posicionamiento en Google y el resto de buscadores.

Aquí tienes una lista de 6 utilidades para medir la velocidad de carga de una web:

1. Google PageSpeed Insights (https://developers.google.com/speed/pagespeed/insights)

  • No requiere registro.
  • Versión gratuita.
  • Proporciona una puntuación de velocidad de carga, tanto para dispositivos móviles como para escritorio, junto con una lista de mejoras sugeridas. También muestra información sobre el rendimiento, la optimización móvil y la usabilidad.

2. GTmetrix (https://gtmetrix.com/)

  • Registro opcional (proporciona funciones adicionales al registrarse).
  • Versión gratuita con opciones de actualización a planes de pago. La versión gratuita te permite monitorizar hasta 10 páginas las últimas 24 horas y guardar lel último escaneo que hayas hecho de cada página.
  • Proporciona una puntuación de velocidad de carga, junto con información detallada sobre el rendimiento de la página, como el tiempo de carga, el tamaño de la página, el número de solicitudes HTTP, entre otros. También ofrece consejos específicos para mejorar el rendimiento.

3. Pingdom Website Speed Test (https://tools.pingdom.com/)

  • No requiere registro.
  • Versión gratuita con opciones de actualización a planes de pago.
  • Muestra el tiempo de carga de la página, el tamaño total de la página y el número de solicitudes realizadas. También proporciona un desglose detallado de cada solicitud HTTP, así como sugerencias para mejorar el rendimiento.

4. WebPageTest (https://www.webpagetest.org/)

  • No requiere registro.
  • Versión gratuita con opciones avanzadas disponibles al registrarse.
  • Permite realizar pruebas de velocidad de carga desde diferentes ubicaciones y navegadores. Proporciona información detallada sobre el rendimiento, como el tiempo de carga, el tamaño de la página, el tiempo hasta el primer byte, entre otros. También ofrece un informe de rendimiento con sugerencias para mejorar.

5. Dareboost (https://www.dareboost.com/)

  • Registro opcional (proporciona funciones adicionales al registrarse).
  • Versión gratuita con opciones de actualización a planes de pago.
  • Proporciona una puntuación de velocidad de carga y un análisis detallado del rendimiento de la página. Además, ofrece consejos para mejorar el tiempo de carga, la optimización de imágenes, la caché y otros aspectos relacionados con el rendimiento.

6. YSlow (https://yslow.org/)

  • No requiere registro.
  • Versión gratuita.
  • Es una extensión del navegador web que analiza el rendimiento de una página y proporciona una puntuación de velocidad junto con recomendaciones específicas para mejorar el rendimiento, como la reducción del número de solicitudes HTTP, la habilitación de la compresión GZIP, entre otros.

Estas herramientas te ayudarán a evaluar la velocidad de carga de tu sitio web y te proporcionarán información valiosa para optimizar su rendimiento.

foto: Businessman working at computer with light arrow.123rf.com 46605564 Foto de stock