Skip to content

Novedades para los dise√Īadores, abril de 2019

Este mes nos ocuparemos de las herramientas de aprendizaje en nuestra ronda de nuevos recursos y herramientas para dise√Īadores. Desde juegos a libros y tutoriales, hay algo nuevo para que todos aprendan y disfruten.

Si se nos ha pasado algo que usted cree que debería haber estado en la lista, háganoslo saber en los comentarios. Y si sabes de una nueva aplicación o recurso que debería aparecer el próximo mes, ¡tweetéalo a @carriecousins para que lo tengas en cuenta!

CSSBattle

Salta a la cima de la clasificaci√≥n de CSSBattle usando habilidades CSS para replicar objetivos con el c√≥digo m√°s peque√Īo posible. Pon a prueba tus habilidades de esta manera divertida para poner a prueba tus conocimientos. Tambi√©n se a√Īaden nuevos objetivos para que puedas seguir avanzando y ascendiendo en los rankings.

Agenda UX

UX Agenda es una compilaci√≥n de conferencias, reuniones y talleres en un solo lugar con capacidad de b√ļsqueda. Busque eventos cerca de usted o agregue sus propios eventos de UX gratuitamente.

Codetalks.tv

Codetalks.tv es una colección de las mejores charlas sobre codificación en todo el mundo en un solo lugar. Ver cualquiera de los videos es gratis. Busque charlas de conferencias específicas o por tema.

P√°ginas est√°ticas

Páginas estáticas le permite publicar cualquier página estática en un sitio web de WordPress con cualquier URL en cuestión de segundos. También incluye optimización SEO para facilitar su uso.

P√°ginas est√°ticas – Cargar p√°ginas HTML est√°ticas a WordPress

Gram√°tica de Javascript

Javascript Grammar es una oferta educativa de libros electrónicos de Greg Sidelnikov, también conocido como @js_tut o profesor de JavaScript en twitter. Puedes conseguirlo en Amazon, con un tweet o directamente del autor.

Galería de ilustraciones

Illustration Gallery es una colección de ilustraciones libres de regalías para proyectos. Se actualiza semanalmente con un montón de opciones para uso personal o de negocios en un estilo limpio y moderno.

Neort

Neort (que todavía está en beta) es una galería de arte digital donde puedes compartir obras de arte y cómo fueron creadas. Suba el trabajo con una breve descripción y recopile las opiniones de una comunidad de artistas. Piensa en ello como la versión artística de Dribbble.

Geenes

Geenes es una herramienta de escala de color que le ayuda a generar paletas de colores para los elementos de la interfaz de usuario y, a continuación, exportar los colores para Sketch u otras herramientas de programación.

Revisión de color

Color Review es una herramienta que le ayuda a probar el contraste entre los elementos de color de un dise√Īo. Esto puede ayudarle a garantizar que los elementos de primer plano y de fondo tengan suficiente contraste para que todos los usuarios puedan leerlos con facilidad y es una gran herramienta de accesibilidad. Util√≠celo en l√≠nea o descargue la aplicaci√≥n.

Ara√Īa

Spider es una herramienta que le ayuda a convertir sitios web en datos organizados sin necesidad de codificaci√≥n. A√Īade la extensi√≥n a Google Chrome para empezar a raspar datos; s√≥lo tienes que apuntar y hacer clic para recopilar los datos que necesites.

Code2Flow

Code2Flow es una herramienta para describir flujos de trabajo y patrones en un formato f√°cil (y visual). Cree y construya diagramas de flujo en segundos y no se preocupe por la necesidad de herramientas de arrastrar y soltar m√°s complicadas. Y todo es interactivo.

Mosaico

Mosaic es una librer√≠a JavaScript para la creaci√≥n de interfaces de usuario. Utiliza un sistema basado en componentes y tiene un tama√Īo de biblioteca extremadamente peque√Īo.

Humanidad por dise√Īo

Humane by Design es un proyecto de Jon Yablonski para proporcionar informaci√≥n sobre el dise√Īo de productos digitales √©ticamente humanos. Del sitio: “El crecimiento exponencial de la tecnolog√≠a m√≥vil ha dado paso a una era en la que el tiempo y la atenci√≥n son un recurso cada vez m√°s escaso. En lugar de que la tecnolog√≠a mejore nuestras capacidades como seres humanos, hemos visto que se ha convertido en un veh√≠culo para extraer nuestra atenci√≥n, monetizar nuestra informaci√≥n personal y explotar nuestras vulnerabilidades psicol√≥gicas. Como dise√Īadores, desempe√Īamos un papel clave en la creaci√≥n de dicha tecnolog√≠a, y es hora de que asumamos la responsabilidad del impacto que estos productos y servicios que creamos tienen en las personas a las que deben servir”.

Paquete de Iconos para exteriores

El Ultimate Outdoor Icon Pack incluye 64 iconos vectoriales editables y una lista de control para dise√Īos de aventura. Los estilos de l√≠nea plana son modernos y f√°ciles de usar.

Caras amistosas

Friendly Faces es un generador de avatares inclusivo. Elige opciones al azar o ajusta los detalles para encontrar un avatar que se parezca más a ti. A continuación, descargue y comparta.

Remix Icono

Remix Icon es un conjunto de iconos de estilo de l√≠nea de c√≥digo abierto en una variedad de categor√≠as. Util√≠celos como parte de un sistema de dise√Īo coherente o como elementos independientes.

Iconos de la aventura asi√°tica

Asian Adventure es un colorido conjunto de 76 iconos planos que representan la cultura y los elementos asi√°ticos. Los iconos est√°n disponibles en formatos AI, SVG y PNG.

Tutorial: Cómo crear un editor de síntesis de voz

Este grandioso – y detallado – tutorial de Smashing Magazine le ayuda a entender la l√≥gica detr√°s de la tecnolog√≠a que impulsa a todos los asistentes de voz en nuestros hogares. Esta gu√≠a le ayuda a crear un editor “What You Get is What You Hear” para la s√≠ntesis digital de voz.

Tutorial: Cómo crear imágenes de fondo recortadas y borrosas en CSS

Este tutorial le lleva a través de la creación de efectos de desenfoque sin fisuras utilizando filtros CSS para obtener un aspecto de foto de moda. El tutorial incluye instrucciones escritas y en vídeo y es fácil de seguir.

Tutorial: Todo lo que necesita saber sobre la separación silábica en CSS

¬ŅQu√© opinas de la separaci√≥n sil√°bica en la web? Puede ser un tema algo delicado. Este tutorial de Richard Rutter explica los diccionarios de separaci√≥n sil√°bica para la web y las directrices CSS relacionadas.

Tutorial: C√≥mo organizar archivos en una agencia de dise√Īo

Es una pregunta antigua: ¬ŅC√≥mo organizar mejor los archivos de dise√Īo? El equipo de la agencia digital Clay va detr√°s de la cortina en su proceso, y usted puede definitivamente aprender de sus flujos de trabajo y estructuras de archivos.

Cartel Generativo

Generative Poster es un divertido bol√≠grafo que le permitir√° ajustar los par√°metros y crear r√°pidamente un dise√Īo de p√≥ster abstracto. S√≥lo tienes que ajustar los controles para ver los cambios a medida que se producen y seguir ajustando hasta que encuentres el dise√Īo adecuado.

Lovely Puppy

Lovely Puppy es una fuente de visualizaci√≥n ligera y alegre para los ni√Īos o con fines caprichosos. La descarga incluye un d√ļo de fuentes con las versiones sans serif y script, as√≠ como un conjunto de garabatos y patrones.

Melvick

Melvick es un fuerte, display sans serif. Tiene un estilo distinto con formas de letras verticales con algunos trazos desconectados. Este tipo de letra incluye caracteres en may√ļsculas y n√ļmeros.

Sans p√ļblicos

Public Sans es un tipo de letra fuerte y neutral para varios usos. La familia incluye variaciones finas, extra livianas, ligeras, regulares, medianas, semirrígidas, negritas, extra negritas y negras. Además, puedes unirte al desarrollo de GitHub. El tipo de letra es una variación de Libre Franklin.

Pulpo

Pulpo es un tipo de letra estilo Clarendon con el esqueleto de Century Schoolbook. Los extensores m√°s largos dan al texto un poco m√°s de aire para que respire y mejoran la legibilidad en tama√Īos de texto peque√Īos. A pesar de la fuerza y la robustez del dise√Īo, cada letra lleva la calidez y el eco de la mano humana. La familiaridad de las formas de las letras tambi√©n oculta algo de nostalgia. La familia tiene 10 estilos, que van desde el ligero al negro (incluyendo cursivas) y es ideal para editoriales, publicidad y packaging, as√≠ como para el dise√Īo web y de aplicaciones. Un cuerpo masivo combinado con un bajo contraste de trazos, enfatizando los elementos horizontales, lo hacen muy adecuado para la pantalla y para peque√Īos tama√Īos de texto en papel prensa.