recursia #29 - La pedrea de los mockups; El alambre animado es el que te ha tocado; y Recursitos pa’ maquetadores a falta de terminaciones
Otra pedazo newsletter con nuevos recursos para hacerte mockups, animaciones en js y un poquito también para maquetadores y frontends. ¡Dale al bombo!
@Recursia es el sueño de Bisiesto Estudio de crear un lugar donde aportar y descubrir recursos para enamorad@s del mundo digital como nosotr@s.
¿Te subes?
Nos va a tocar el Gordo.
Lo tenemos clarinete. Este año sí que sí. Y no lo decimos por el sorteo de Navidad, sino porque en Bisiesto Estudio estamos en pleno proceso de búsqueda de un compi programador Fullstack y estamos convencidos de que vamos a encontrar gente muy guay. ¿No serás tú? Porque si es así, ya estás pinchando aquí para que te conozcamos. No encantaría que fueras nuestro Gordo de Navidad (también aceptamos flac@s, no problema con esto).
Pero, por si fuera poco esto, es que encima estamos in love con la iniciativa de #AdoptaMiMente de SinOficina, donde algunas personas (incluido nuestro CEO, al que queremos mucho y nos trata requetebién) brindan su tiempo por una causa solidaria con el banco de alimentos. Se lanza hoy mismito y no podemos sentirnos más afortunados de poder aportar nuestro granito de arena a esta súper iniciativa. 🤩
Así que, con tanta buena noticia junta, realmente hemos decidido que nos da igual que nos toque la lotería, porque en cierto modo ya nos ha tocado (sabemos que esto es lo que dicen l@s que no pillan pasta nunca, así que nos vamos aplicando el cuento porque está la cosa muy chunga).
Total, que mientras toca o no toca os dejamos, como cada quincena, un listado bien empaquetadito de recursos para que os podáis consolar cuando descubráis que seguís siendo igual de pobres que ahora.🤷🏻♀️
¿Y si cae aquí?
Oye, que lo mismo sí… Desde luego, si cae aquí ya nos habéis visto el pelo. Así que aprovechad bien estas secciones, porque quizá sean las últimas que leáis… Nada, que no panda el cúnico, que aunque seamos ricos seguiremos siendo igual de majetes:
La pedrea de los mockups 👉 Herramientas muy chulapas para hacerte mockups de otro nivel.
El alambre animado es el que te ha tocado 👉 Recursos para hacer animaciones en JS para tu web de lo más facilitos.
Recursitos pa’ maquetadores a falta de terminaciones 👉 Una ayudita extra para maquetadores y frontends para generar fondos y más cositas.
Vamos, que tenemos a los niños de San Ildefonso en el cogote. ¡A por ello! 💪🏻
La pedrea de los mockups.
Oye, que a nadie le amarga una buena pedrea, así que por si acaso no te toca ni eso, te traemos nuestra propia pedrea de mockups para que elijas el que más te mole:
👉 Empezamos por todo lo alto con la app de Rotato, con la que te podrás marcar un portfolio tó guapo solamente arrastrando y soltando. Más fácil imposible, chatis.
👉 Por aquí llega Animockup y su web para montarte cosas molonas desde el propio navegador y en un suspiro. Una gozada.💛
👉 Con Screely podrás convertir una captura de pantalla (seguro que de las mil que haces al día puedes elegir una) y convertirlo en un mockup de un navegador. Maravilla.
👉 La app de Previewed es el décimo ganador, porque puedes crearte mockups en 2D y 3D de una forma súper completa y personalizable.
👉 Por si todavía ninguno te ha convencido porque eres un ser exigente y tiquismiquis, aquí va Mockuper y su generador gratuito de mockups que no te va a dejar indiferente.
👉 Vienen calentitos los de Shotsnapp con su herramienta para diseñar en segundos mockups en diferentes dispositivos y muy personalizables. Fíchalo y nos cuentas, ¿o qué?🔥
👉 Como sabemos que os gusta lo gratis más que a un tonto un lápiz, os dejamos la ricura de Smartmockups, donde podrás hacerte montajes de productos en línea y, encima, sin pagar un duro.
👉 Y para culminar esta sección, no dejes de entrar en Morflax Things, porque no solo vas a flipar con los mockups que te puedes marcar, sino que su web es digna de Steve Jobs. Ahí lo dejamos.
El alambre animado es el que te ha tocado.
Molaría mucho que los alambres de la lotería se movieran como Carlton, pero hasta que lo hagan, te dejamos un listado muy fino de recursos para animar tu web con Javascript:
👉 En Mo.js se han propuesto que te montes unas animaciones de calidad superior con js de una forma muy facilita, así que pásate por allí y lo pruebas.
👉 Si lo que buscas es una librería completita con lo mejor de las animaciones en js, pásate por Popmotion y echa un vistazo a lo que te ofrecen, porque mola cantidubi.
👉 Vas a ver qué chulada lo que te trae Stylie, una herramienta pa’ hacer y personalizar tus animaciones directamente desde la web. ¡Y ya estaría!
👉 Si siempre te ha molado el rollito de ir mostrando elementos a medida que haces scroll, ScrollReveal es tu web, palabrita del niño Jesús. Pa’ que no te falte de ná.
👉 Los de Framer se han sacao de la manga Framer Motion, una librería React lista para generar animaciones y microinteracciones que te va a dejar pasmao, ya verás.
👉 Para terminar este alambre, que nos está quedando precioso, te dejamos la app de Rive, con la que podrás crear animaciones y exportarlas a casi cualquier lugar: React, Android, iOS, Unity… Lo que usted desee, oiga.
Recursitos pa’ maquetadores a falta de terminaciones.
No podemos soplarte en qué va a terminar El Gordo de este año (somos buenos, pero no tenemos poderes sobrenaturales, de momento), pero sí podemos dejarte un listado con recursos del carajo para que tu vida como maquetador y/o frontend sea mucho mejor. Nos quieres y lo sabes:
👉 Márcate una sombrita reshulona en CSS con Smooth Shadow y farda de las pijadas que puedes hacer. Serás el más guay del lugar.
👉 Si quieres subir de nivel, con Shadow Palette Generator podrás hacerte tus sombritas pero esta vez con paletas de color. Sabíamos que el nombre no necesitaba explicación, pero lo mismo el inglés no es lo tuyo.
👉 A lo mejor lo que buscas es un rollete diferente y alternativo porque eres un poquito friki, ¿no? Pues entonces Glitch Art es tu herramienta. Personaliza tu glitch como más te mole y a darle candelita.
👉 La app de ColorHub viene a salvar a tod@s aquell@s indecis@s que no sabéis qué número de lotería elegir ni qué paleta de colores poner. Échale un vistazo y ya verás cómo te puede salvar la vida más de una vez.
👉 Nos ha flipao la web de Instad, en la que puedes convertir elementos como gráficos en ilustraciones de lo más molonas. Por aquí ya lo estamos catando pero bien.
👉 Si lo que quieres es pasar de una cosa a otra porque no paras quiet@, te va a interesar Css2js, una herramienta con la que podrás pasar de CSS a js o lo que te dé la gana.
👉 Y rematamos con Picular, una herramienta muy peculiar (si es que derrochamos imaginación con los copies que no veas, tron) con la que vas a poder pillar el color tanto de imágenes como de conceptos. Tú pon “El Gordo” y si te salen verdes, es que eres el agraciad@. Si te salen rojos… Pues ahí ya no nos metemos.
Esta quincena te llevas 21 recursicos, el mismo número de boletos que hemos comprado por aquí para ser multimillonarios la semana que viene. 🎄
El mayor premio es compartirlo.
Si lo dicen en los anuncios es porque será verdad. Pero mientras te piensas si compartes ese décimo con tus amigos o prefieres guardártelo todo para ti, nos puedes compartir tu opinión sobre cómo lo hacemos, y si nos toca un pellizco prometemos repartirlo contigo. Bueno, en realidad es mentira, pero aún así sería muy guay que nos cuentes tu opinión. 😇
No, en serio, que compartir es vivir, chavalada. No os pedimos que nos regaléis la mitad del premio que os toque, solamente que le deis al botoncito de abajo y nos compartáis con la peñita que aún no conoce nuestras virtudes. No pedimos tanto, ¿no?
Y aquí termina el vigésimo noveno mailing de Recursia en el que hemos dedicado 2 horas y 19 minutos para darle bombo a tu miércoles. Como siempre, no hemos contado ni la búsqueda ni el etiquetado de esos recursos. Mil gracias por leernos! 🔥
Esta quincena hemos elegido el nuevo disco de Fito y Fitipaldis, porque por aquí ya tenemos listas las entradas para el conciertaco y nos estamos poniendo a tono.