Nuevo logo animado formado por una serie de círculos concéntricos de color azul (de más oscuro a más claro) y uno interior de color amarillo. De ese círculo surgen dos flechas apuntando a las esquinas superior derecha e inferior izquierda. Los círculos azules se mueven durante dos segundos, el círculo amarillo parpadea un par de veces, como un ojo, y finalmente las flechas se acercan al centro para volver a alejarse.

El Proxy

«Proxy: sistema que actúa como intermediario entre cliente y servidor en una red»

Este blog pretende cumplir la misma función filtrando las noticias más relevantes para ese grupo de usuarios que no necesita estar todo el día pendiente de la tecnología.
Aquí podrás encontrar enlaces a noticias interesantes sobre todas estas tecnologías, sencillas guías o explicaciones sobre conceptos informáticos útiles…

Web portfolio
El Cuaderno
Correo electrónico: info@jesusysustics.com
Mastodon
Pixelfed
YouTube
Twitch

Etiqueta: diseño

  • Isocons, una colección de iconos isométricos personalizables

    Una deliciosa colección de iconos isométricos para usar en diseños y presentaciones
    https://www.microsiervos.com

    Isocons es una de esas webs que tanto me gustan porque te permiten configurar muy fácil y rápidamente iconos a tu gusto. En este caso, iconos tridimensionales de diseño minimalista y en vista isométrica.

    Puedes cambiar el grosor del borde, su color, la orientación del icono y hasta el tamaño, para luego descargar el icono en formato mapa de bits (PNG) o vectorial (SVG). Hasta te permite copiar el código de este último para insertarlo directamente en la web!

    Seguir leyendo

  • Neumorphism.io es un generador CSS muy útil para los novatos

    Neumorphism/Soft UI CSS shadow generator
    https://neumorphism.io

    El neomorfismo es un tipo de diseño de interfaz gráfica que juega con niveles y sombras sutiles. Dicho así suena muy abstacto y genérico, pero creo que da unos resultados muy vistosos. Por ejemplo, buena parte del diseño de El cuaderno tiene inspiración en esa escuela (sin yo saber nada sobre ello).

    En esta web encontramos un generador muy básico pero súper visual para crear estilos CSS para los elementos de una web. Nos permite cambiar la forma del elemento base, pero también la intensidad, desenfoque o distancia de su sombra.

    Lo cierto es que esta página me habría sido muy útil hace unos meses.

  • BitFontMaker2: crea fuentes pixelart!

    BitFontMaker2™ BitMap Font Editor
    https://www.pentacom.jp

    Siento debilidad por esta clase de proyectos. BitFontMaker2 no solo te permite crear una tipografía básica (sin Ñ, eso sí) de estilo pixelart o incluso editar versiones que otras personas han creado.

    Desde luego, me parece un acercamiento más suave hacia este mundillo que el que podría hacerse con un editor como FontForge. Me lo apuntaré como recurso para las clases de verano con adolescentes.

  • Historia del cursor del ratón

    Reconozco que hoy me he pasado un poco porque este vídeo es café para los muy muy muy cafeteros, pero se trata un tema que me crea muchísima curiosidad: el origen y evolución de un elemento gráfico tan importante como el puntero del ratón!

    Lamentablemente el vídeo está en inglés… y afortunadamente la pronunciación del narrador es muy entendible para los cánones españoles. Además, en caso de necesitarlo, también contamos con los subtítulos automáticos de YouTube.

    Seguir leyendo

  • Firefox al gusto

    Proyecto de interfaz personalizada para Firefox
    https://codeberg.org

    Siempre he fantaseado con adaptar todo lo que uso a mis preferencias personales: temas de color para Windows, punteros para el ratón, sonidos y tonos de llamada en el teléfono móvil, skins personalizadas en juegos, carátulas para el reproductor musical, cubos de Rubik, relojes inteligentes, fondos de pantalla…

    Parece extraño que no haya mencionado en ningún momento al navegador, pero es que el uso de Google Chrome durante los últimos 15 años me forzó a ello por sus capacidades nulas en este apartado.

    La afortunada consecuencia de volver, como hijo pródigo, a Mozilla Firefox es que he podido ahondar en esta clase de modificaciones y hoy quiero hablar de ello.

    Seguir leyendo

  • Cuando diseñar «bien» no es la mejor opción

    La importancia del orden y el detalle en el diseño con cuadrículas
    https://www.microsiervos.com

    En los cursos de diseño vectorial siempre uso el ejemplo del «logo mal diseñado de Google» donde se demuestra que lo importante no es que técnicamente sea perfecto y homogéneo sino que debe parecerlo.

    Pero este ejemplo de diseño con cuadrícula me lo apunto porque también es muy claro y visual.

  • Decenas de herramientas web para diseño amateur

    Fffuel tiene decenas de herramientas para crear paletas de color y diseños vectoriales en SVG
    https://www.microsiervos.com

    Fffuel me ha dejado alucinado por la cantidad y variedad de herramientas web ideales para diseñadores amateur. Que no tienes ganas de marearte con Inkscape a la hora de crear un corazón? pues aquí tienes tu herramienta. Quieres personalizar un sencillo emoticono? lo mismo. Necesitas un fondo con curvas de colores como el de El Proxy? también lo tienes!

    Y, aunque yo no sea probablemente el público objetivo, no tengo duda de que me será muy útil para coger ideas de cara a futuros cursos de Inkscape.

  • ¿Una tipografía con letras de 3×3 píxeles? todo es posible

    La tipografía más pequeña del mundo, de 3×3 píxeles, de Anders de Flon
    https://www.microsiervos.com

    Esta tipografía experimental no va a ganar el premio a la accesibilidad ni al diseño más atractivo, pero desde luego ha ido muy lejos en cuanto a la miniaturización de una fuente.

    Evidentemente con solo 9 píxeles disponibles nos encontramos ante letras difíciles de ver si no entramos en el «juego», como por ejemplo esa R mayúscula escrita como minúscula… o el 2 y el 5 iguales a la S y la Z. Y, sin embargo, sorprende que sea bastante legible.

    Es una pena que este proyecto del 2005 haya caído en el olvido y no podamos recuperar esta fuente para instalarla.

  • Method of Action, recursos web para practicar diseño vectorial

    Method of Action
    https://method.ac

    Method of Action es una fantástica colección de recursos web lúdicos ideales para quienes se inician en el diseño vectorial:

    • Bézier Game: es un juego que llevo años recomendando en mis cursos de Inkscape, pues nos permite coger soltura con la pluma Bezier de forma lúdica
    • Shape Type: siguiendo la estela del anterior, manejaremos los nodos para diseñar tipografías.
    • Boolean Game: práctica de los modos de unión, substacción, intersección y diferencia, conceptos fáciles de entender en la teoría pero que se le atragantan en la práctica a algunas personas.
    • Kern Type: nos ayuda a entender el concepto del interletraje y practicar nuestra destreza visual al ajustarlo.
    • Color: es un juego de habilidad visual en el que debemos seleccionar correctamente el color de una muestra en nuestra paleta de colores.

    Y, por si todo esto fuera poco, también cuenta con Method Draw, un editor vectorial básico con el que uno puede introducirse en este mundillo si no tiene ganas de instalarse Inkscape.

  • Necesitamos más variedad en el diseño de interfaz

    Antes los iconos del móvil molaban: que vuelva el esqueumorfismo
    https://www.xatakandroid.com

    Sí al titular que he puesto yo, rotundo no al titular del artículo que enlazo.

    Yo no pediría la vuelta del esqueumorfismo, una técnica de diseño en la que se usan objetos reales para sus símiles digitales (os suena un disquete como icono de guardar?), pero sí una mayor apertura y diversidad en el diseño de interfaces de usuario.

    Como profesor TIC El soso panorama actual me lo pone mucho más fácil a mí, ya que no tengo que mostrar 5 iconos diferentes para la misma función, uno para cada gran marca de teléfonos móviles. Pero al mismo tiempo creo que está idiotizando al personal incapaz de relacionar un icono con su función en el momento que se lo cambian lo más mínimo.

  • Complicando logos: Firefox

    Me encanta la serie de complicar logos que están haciendo en I design it.

    No es más que una curiosidad graciosa, pero me será útil como contraejemplo en el curso de Inkscape que haré en unas semanas.

  • La evolución de las barras de desplazamiento

    La evolución de las barras de desplazamiento de las ventanas de interfaz de usuario, desde el Xerox Star a Windows 10
    https://www.microsiervos.com

    Tremendo tesoro que nos descubre Microsiervos, una vez más.

    Es cierto que las barras de desplazamiento han caído en desuso desde hace bastantes años y que las webs tienden a personalizarlas por completo, pero es uno de esos recursos útiles para mostrar a alumnos curiosos sobre la evolución de la Informática.

    Como punto curioso de Evolution of the Scrollbar tenemos que esta web no utiliza la dichosa barra de desplazamiento.