@cssanimista

CSS Animations on Demand

animista.net
Joined January 2017
  • Tweets103
  • Following118
  • Followers848
1Media
Master on-demand CSS animations with Animista creativebloq.com/features/ma…

Master on-demand animations with Animista

How to create engaging animations using CSS.

creativebloq.com
6
1
22
animista retweeted
Ana Travas@ana10831 Jan 2025
CSS Wrapped 2024 chrome.dev/css-wrapped-2024/…

CSS Wrapped 2024

Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024.

chrome.dev
1
3
293
Style your Joomla website - Using animista.net animations magazine.joomla.org/all-issu…

Animista - On-Demand CSS Animations Library

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.

animista.net
1
418
Boost Your Productivity with These Essential CSS Generator Tools for 2023 ma-no.org/en/web-design/a-us…

Boost Your Productivity with These Essential CSS Generator Tools for 2023

Unleashing Efficiency, Creativity, and Time-Saving Magic with Essential CSS Generator Tools

ma-no.org
164
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? ⬇
8
11
1
38
The Top Five CSS Tools for Web Developers in 2022 simplilearn.com/top-css-tool…
3
#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
10
91
338
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?
3
11
30
7 Phenomenal Websites That Every Developer Wish They Knew Earlier link.medium.com/4fbN26bHVqb

7 Phenomenal Websites That Every Developer Wished They Knew Earlier

A list of lesser-known websites to provide you with maximum value in your software development journey.

levelup.gitconnected.com
3
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…

The Surprising Truth About Pixels and Accessibility: should I use pixels or rems? • Josh W. Comeau

“Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to...

joshwcomeau.com
10
50
5
227
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 🤓
Intent To Ship@intenttoship13 May 2022
Blink: Intent to Prototype: CSS Anchor Positioning groups.google.com/a/chromium…
9
25
5
253
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/

SVG Artista - SVG Drawing Animation Generator

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.

svgartista.net
1
6
63
17 Killer Web Apps You Should Use to Increase Productivity madza.hashnode.dev/17-killer…
1
9 Awesome CSS Tools That You Should Use in 2022 link.medium.com/Hj7bj6dHsmb

9 Awesome CSS Tools That You Should Use in 2022

Useful CSS tools and resources to boost your productivity.

blog.devgenius.io
1
2
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
1
4
1
9
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 👇
1
2
5
Useful Websites Every Web developer Should Know About. cesscode.hashnode.dev/useful…
Animation libraries for your projects. 🧵
30
202
9
705
animista retweeted
Ana Travas@ana10814 Sep 2021
Orchestrating Complexity With Web Animations API smashingmagazine.com/2021/09… @smashingmag

Orchestrating Complexity With Web Animations API — Smashing Magazine

There are way too many options in Web Animations API to pick them up that easily. There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transi...

smashingmagazine.com
2
2
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…
3
5
3
33
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 - On-Demand CSS Animations Library

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.

animista.net
2
5
47
Load more