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

  • ¡FreeCAD llega a su versión 1.0!

    Llega FreeCAD 1.0: todas las novedades de la alternativa gratis a AutoCAD
    https://www.softzone.es

    FreeCAD es otra de esas herramientas de código abierto a las que le ha costado más de 20 años alcanzar la versión 1.0, por lo que hoy estamos de celebración!

    Este programa es una alternativa libre a software reconocido como AutoCAD. ¿Y qué es CAD? «Diseño Asistido por Computadora» (Computer-Aided Design), ideal para realizar toda clase de modelos de piezas y planos en dos o tres dimensiones.

    Personalmente apenas he trasteado con este tipo de programas y es una de las espinitas que tengo clavadas desde la adolescencia. Quizás las navidades sean un buen momento para adentrarse levemente en este mundillo y estrenar la nueva versión.

  • Geckium convierte Firefox en Chrome de manera «sencilla»

    Esta skin convierte la apariencia de Firefox en la de Google Chome, ¡y me encanta!
    https://www.softzone.es

    No es la primera vez que hablo de personalizar el diseño de la interfaz de Firefox de manera profunda. Y en este caso hablamos de un proyecto que imita al Chrome clásico, Geckium.

    Sigue pecando de no ser algo tan fácil como instalar un tema o extensión, pero a cambio tenemos algo mucho más fiel al Chrome de toda la vida. Ideal para quienes quieran colarle el Firefox a algún familiar reticente a migrar a un navegador más seguro y privado.

  • Al fin ha salido Inkscape 1.4!

    Inkscape lanza la versión 1.4, con potentes y nuevas funciones accesibles y personalizables
    https://inkscape.org

    Ha pasado más de un año desde la publicación de su última gran versión y el tiempo dirá si ha merecido la pena la espera. Lo que podemos decir desde ya mismo es que viene con unas cuantas novedades interesantes para los creadores de contenido vectorial:

    • Rejillas modulares: sección remodelada para ofrecer un acercamiento más personalizable y visual esta herramienta tán útil.
    • Galería de filtros: hacer más accesible la sección de filtros será un gran punto a la hora de iniciarse con este programa.
    • Gestor y editor de fuentes vectoriales
    • Deslizables más personalizables
    • Mejoras en el creador de formas
    Seguir leyendo

  • 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.