animista retweeted
9 tools for web developers or for people who want to do the job faster:
📌favicon .io
📌fontjoy .com
📌carbon .now.sh
📌box-shadow .dev
📌browserframe .com
--
📌@remove_bg
📌@cssanimista
📌@pfpmakerapp
📌@compressorio
--
Anything else we should add in this collection? ⬇
animista retweeted
#webanimations #css #uxdesign
Os comparto mi herramienta favorita ❤️
Animista es una librería creada por @ana108 con una gran colección de animaciones CSS prefabricadas.
Las podéis customizar y obtener el código generado para añadirlo a vuestra web 👇
animista.net
animista retweeted
7 CSS animation libraries:
1️⃣ @cssanimista
2️⃣ animate .style
3️⃣ @minimamente
4️⃣ erictreacy .github.io/mimic.css
5️⃣ sarthology .github.io/Animatopy
6️⃣ animation .kaustubhmenon.com
7️⃣elrumordelaluz .github.io/csshake
Do you have a favorite one?
animista retweeted
A comparison between px and rem text sizing in #CSS and how they impact the accessibility of the text (re: zooming & scaling)
joshwcomeau.com/css/surprisi…
animista retweeted
this is rad stuff, allows you to position one element based on another element, WAIT FOR IT.. without it requiring parent / child relationships like fixed or absolute do.
can think of it like pinning one element to another, with rules about which edges to match and stuff 🤓
animista retweeted
3. SVG Artista (by @sergej108 and @ana108)
SVG Artista is a free tool that helps you easily create amazing SVG drawing animations by animating stroke and fill properties of your SVG graphics.
Link: svgartista.net/
animista retweeted
59/100 @cssanimista is a great way to incorporate CSS Animations into your code. I found it to be much easier than trying to write your own animations!
Blog📘 webguide.space/animista-anim…
Replit💻 replit.com/@brettsmith212/an…
#100DaysOfCode #html #css #javascript
animista retweeted
In this week's edition of Design Insight:
📃 The "Gray Dead Zone" of Gradients
🔨 Anamista - @ana108
🔨 Shape Divider - @TrueStyleDesign
🎨 2 design tips to 10x your designs
🦄 Creative Constraints Are Good For You
Don't miss it 👇
animista retweeted
Orchestrating Complexity With Web Animations API smashingmagazine.com/2021/09… @smashingmag
animista retweeted
Favorite resources for web development below!
Tailwind - nerdcave.com/tailwind-cheat-…
Flexbox - css-tricks.com/snippets/css/…
Grid - css-tricks.com/snippets/css/…
Animations - animista.net/
JavaScript built-in functions - tutorialspoint.com/javascrip…
animista retweeted
4. Animista (by @ana108)
Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.
Link: animista.net/
animista retweeted
Featuring 'SVG Artista' — an SVG drawing animation generator. With this tool, you can animate stroke and fill properties in your SVG images.
-
Built by @ana108, today this tool is featured on The Ship - thedesignership.com/resource…
-
#uiux #animation
animista retweeted
Create your own SVG drawing animation with SVG Artista svgartista.net #svg #css #animation via @ana108
Holy crap this is amazing
animista retweeted
Oh, didn’t know it existed.
How to style and define the color of radio and checkbox inputs.
:root {
accent-color: purple;
}
stefanjudis.com/snippets/how…
via @stefanjudis
animista retweeted
React-toastify v.7 is live - works great with @cssanimista animations! Changing the animation should be as easy as a copy/paste. dev.to/fkhadra/react-toastif…
animista retweeted
Animista, a great little tool to create CSS animations, with a dozens of useful presents.
animista.net/
ALT Animista UI, for creating CSS animations.
animista retweeted
Looking for a way to play with a collection of pre-made CSS animations or even create your own SVG drawing animation? Make sure to check out these two brilliant tools created by @ana108 and @sergej108:
↬ Animista
animista.net/
↬ SVG Artista
svgartista.net/