Material You (Material Design 3) – Tu mejor aliado en el diseño

Hace unos años, Google se propuso crear un sistema de diseño integral y en 2021 lazó  «Material You» (junto con Android 12), y desde ese lanzamiento ha evolucionado hasta el Material Design 3 que tenemos en la actualidad. Este enfoque de diseño busca revolucionar la personalización y estética de los dispositivos, llevando la experiencia del usuario a un nuevo nivel.

«Material You» no solo está disponible en dispositivos Google Pixel, sino también para muchos dispositivos Android, incluyendo tabletas, relojes inteligentes y más. Esto permite a los usuarios disfrutar de una experiencia coherente y personalizada en todos sus dispositivos.

¿Qué es?

Material Design es un sistema de diseño integral dirigido a diseñadores UX y UI, proporcionando un marco estandarizado que combina principios visuales y funcionales. Esta guía de estilos ayuda a crear interfaces de usuario coherentes y atractivas en diversas plataformas y dispositivos. Su objetivo es combinar los principios clásicos del buen diseño con la innovación tecnológica.

Material You introduce un enfoque más simplificado y minimalista, caracterizado por menos sombras, menos estilos de letra, formas más redondeadas y una estética más limpia.

Información y uso

En su web m3.material.io puedes obtener gran cantidad de recursos y componentes que te ayudarán en tus proyectos. Ellos lo describen de la siguiente forma:

Material Design es un sistema adaptable de directrices, componentes y herramientas que respaldan las mejores prácticas de diseño de interfaces de usuario. Respaldado por código abierto, Material Design agiliza la colaboración entre diseñadores y desarrolladores, y ayuda a los equipos a crear rápidamente productos atractivos.

 

¿Estás preparado para utilizarlo en tus proyectos?

Puedes aprender a utilizarlo y mejorar tus habilidades como desarrollador en los cursos gratuitos que ofrece google.

Puedes crear una interfaz gráfica sin una línea de código

Seguro que siempre has querido crear tu propia web o app, pero estás empezando a programar y crees que es una tarea muy compleja. Hoy os voy a demostrar una forma muy sencilla para hacerlo.

Primero tienes que ir a Figma. Se trata de una herramienta de diseño basada en la nube que permite a los usuarios crear interfaces de usuario, diseñar prototipos interactivos y colaborar en tiempo real.

Desde ahí podrás arrastrar y soltar elementos. Los vas colocando como quieras y creas la interfaz. Además puedes editar el nombre de los elementos para que después sea más sencillo su uso.

Después te descargas esta librería de Python: tkdesigner 1.0.7. Vas al terminal y escribes pip install tkdesigner.

Una vez lo tenemos instalado debemos volver a Figma y obtener un token personal. Puedes obtenerlo yendo a «ajustes de la cuenta > personal access tokens», creas uno y copias el código para utilizarlo después.

También en Figma, vas al proyecto que has hecho, le das a compartir (share) y copias el link que te da la aplicación.

Ahora en el terminal escribes tkdesigner [enlace-copiado] [token-copiado]. Pulsas «enter» y empezará a generar el código. Después podrás verlo en ejecución con el siguiente comando python .\build\guy.py.

A partir de aquí ya puedes programar las acciones y demás tareas que quieras realizar.

Genera códigos QR fácilmente en Python

Los códigos QR se han convertido en una parte esencial de nuestra vida digital, ofreciendo una forma rápida y conveniente de acceder a información, realizar pagos, y mucho más, simplemente escaneando un código con nuestro dispositivo móvil. Originados en la industria automotriz japonesa, estos códigos de barras bidimensionales han revolucionado la forma en que interactuamos con el mundo digital y físico.

Viendo lo útiles que pueden llegar a ser, seguro que alguna vez has querido generar un código QR para incluirlo en una tarjeta de visita o en un cartel o en una web… Lo que todo solemos hacer siempre es ir a lo más y buscar una pagina web que nos lo genere indicando una URL o algo del estilo.

Hoy os traigo otra opcion para generar estas matrices de datos desde código Python: qrcode.

Qrcode nos ayuda a generar de forma sencilla y con pocas líneas de código una imagen PNG con el código QR que queramos. Un ejemplo es el siguiente

import qrcode
qr = qrcode.QRCode(
  version=1,
  error_correction=qrcode.constants.ERROR_CORRECT_L,
  box_size=10,
  border=4,
)
qr.add_data('Some data')
qr.make(fit=True)

img = qr.make_image(fill_color="black", back_color="white")

Se puede escoger tamaño indicando un número del 1 al 40 en el parametro «version» (El 1 es una matriz de 21×21). También se puede cambiar el color de fondo y de QR. El parámetro error_correction controla la corrección de errores utilizada para el código QR.  El parámetro box_size controla cuántos píxeles tiene cada “caja” del código QR. El parámetro de borde controla el grosor de los cuadros que debe tener el borde (el valor predeterminado es 4, que es el mínimo según las especificaciones).

Hay más opciones que puedes consultar en la web de la librería: https://pypi.org/project/qrcode/

Os dejo algunos ejemplos:

Cómo enviar Mensajes de forma Anónima

Hoy os traigo Anon-SMS, un script de Python que permite enviar mensajes de forma anónima. Es una herramienta que en ciertos momentos puede resultar muy útil.

Información de la herramienta:

  • Esta es una versión gratuita.
  • Envío de mensajes súper rápido.
  • Envío Internacional de Mensajes disponible.
  • Sólo puedes enviar un mensaje al día.
  • Mensajería anónima.
  • Fácil de usar e incrustar en el código.

Enlace: https://github.com/HACK3RY2J/Anon-SMS

¿No te Han Pagado? Os traigo una Solución

¿Eres desarrollador y un cliente no te ha pagado por tu trabajo?

Os traigo un script que va bajando la opacidad de la web cada día hasta que desaparece del  todo. Puedes escoger el número de días que tardará en desaparecer del todo. Su uso es muy sencillo, ya que solo basta con incluir el JS en el «Head» del sitio.

También se han desarrollado funcionalidades similares para otros entornos y herramientas:

  • Plugin para WordPress.
  • Versión para Android.
  • Versión para Windows Forms.
  • Versión Flutter.
  • Versión iOS (SwiftUI).
  • Versión Angular.

Enlace: https://github.com/kleampa/not-paid

Buscar cuentas y correos electrónicos de cualquier persona

Hoy vamos a hablar de Profil3r, una herramienta OSINT que te permite encontrar perfiles potenciales de cualquier persona en las redes sociales, así como sus direcciones de correo electrónico.

Tiene una función que alerta alerta de la presencia de una fuga de datos de los correos electrónicos encontrados.

Entre las redes disponibles se encuentran las siguientes:

  • Instagram
  • Facebook
  • Twitter
  • Tiktok
  • Onlyfans

Funciona con Python y te permite buscar por nombre como en el siguiente ejemplo:

Generar Correos Infinitos en Gmail

Seguro que alguna vez has necesitado un correo para entrar en alguna página, jugar a algún juego, hacer alguna maldad… Pues hoy os traigo un script escrito en Python que permite hacerlo.

No se si lo sabéis, pero en GMail hay una limitación a la hora de crear correos. Necesitas indicar tu número de teléfono y solo puedes meter el mismo en 5 ocasiones (aunque es posible que en ciertas condiciones te permita alguna más). Con este script podrás crear infinidad de correos saltandote esa validación.

Tal y como indican en GitHub, puedes hablar con el desarrollador para obtener algunas mejoras que no deberían ser publicadas. «He desarrollado webdriver sigilo que evitar la detección durante la creación de la cuenta.», explica.

Es un script con el que además puedes aprender mucho sobre automatización en Python.

Os dejo el enlace a continuación: Auto-Gmail-Creator

Recursos Útiles para Desarrolladores GRATIS

Si eres programador y te gusta desarrollar proyectos en tus ratos libres seguro que en ocasiones te ha ralentizado tener que montarte ciertos entornos o has tenido que pagar ciertos servicios. Hoy te traigo alguns recursos gratuitos que te pueden ayudar a montar la primera versión del proyecto o incluso el proyecto completo.

  • Hosting en Netlify: despliega tu sitio de forma rápida y segura. Si necesitas alojar tu sitio web de forma sencilla, esta es una excelente opción. Ofrece hosting para proyectos estáticos con funciones avanzadas como despliegue continuo, SSL, etc.
  • Plantillas HTML en HTMLRev: ahorra tiempo en el diseño de tu web con plantillas gratuitas. Las plantillas son modernas, responsivas y están listas para elegir la que te guste y adaptarla a tus necesidades.
  • Inspírate en UI Garage para crear interfaces increíbles. En esta web podrás buscar ideas para el diseño de la interfaz de usuario. Sirve para inspirarte con otros diseños y tendencias para que tus usuarios tengan la mejor experiencia
  • Anima tu sitio con efectos de Animista. Se define como una librería de animación CSS bajo demanda. Utiliza este sitio par animar tus proyectos y ofrecer un diseño más atractivo a tus usuarios.
  • Iconos impactantes en LineIcons. En todos los proyectos se utilizan iconos para personalizar ciertas partes y estos son unos elementos clave en el diseño. Esta web te ofrece una extensa colección de iconos vectoriales de alta calidad.
  • Fotos de alta calidad en Unsplash. Utiliza en tus proyectos imágenes de alta calidad y sin preocuparte por los derechos de autor.

Keylogger escrito en Go

No existe un lenguaje de programación perfecto, ya que cada desarrollador tiene sus preferencias y diferentes lenguajes se especializan en distintos tipos de proyectos. Además, muchos lenguajes antiguos han quedado obsoletos. Algunas grandes compañías han desarrollado sus propios lenguajes modernos, basados en los clásicos, que son más potentes y sencillos, adaptados a las necesidades actuales.

Un ejemplo de esto es Go, también conocido como Golang, que es un lenguaje de programación moderno, creado por Google, similar a C y preparado para ser multiplataforma.

En este lenguaje han salido bastantes herramientas que pueden llegar a ser muy útiles y hoy os traigo un «Keylogger in Go», que puedes descarga en este enlace de GitHub:

https://github.com/EvilBytecode/Keylogger

Este programa Go es un registrador de teclas simple que monitorea la entrada del teclado y la registra en un archivo. A continuación se muestra una explicación de sus componentes:

GetAsyncKeyState: Comprueba el estado de una tecla virtual especificada. Se utiliza para detectar pulsaciones de teclas.
GetKeyboardState: Recupera el estado de todas las teclas virtuales. Se utiliza para comprobar el estado actual del teclado.
MapVirtualKeyW: Traduce un código de tecla virtual a un código de exploración o a un valor de carácter. Se utiliza para traducir códigos de teclas virtuales a Unicode.
ToUnicode: Traduce el código de tecla virtual y el estado del teclado especificados al carácter o caracteres Unicode correspondientes.