animxyz VS RegExr

I don't use a lot of animations, if it's simple stuff I'll just do it myself. Have used animate.css before, it was quite nice, especially paired with wow.js. Have been meaning to try AnimXYZ but again, don't use a lot of animations so haven't been able to yet.

Vue handles it just fine with doing the hard work behind the scenes and just passing you some CSS classes to connect your animations to (and there are JS events to use as well if you need a JS animation). Main difference is Svelte gets the benefit of being able to do some fancier stuff like items changing order or doing more than just entering/exiting. Vue has this as well, but not as easy to use.

That being said I overall prefer the Vue CSS approach to animation, it inspired my brother and I to make https://animxyz.com which has been my most successful side project yet. We wanted to make it work for Svelte as well but they don't have the CSS classes so we can't hook into their events the same.

GSAP seems like overkill, these are simple css animations, animXYZ could do the heavy stuff for you but it shouldn't take that long to learn.

Documentation | GitHub

Slightly off topic, but I'd also recommend checking out AnimXYZ and has Vue-specific support.

Animxyz A tool that helps you create, customize, and compose animations powered by CSS variables without custom keyframes.

Adding animations to a web app can be a challenging task, so it’s natural to reach for a library to make it easier. AnimXYZ, a composable CSS animation toolkit, allows you to compose complex animations by combining simple utility classes.

AnimXYZ

Animxyz for Animations and Transitions

Have used animate.css in the past, was very nice and easy to work with. Animista and animXYZ seems cool too.

When thinking about how I might compare an arrangement to the contiguous group of damaged springs, I used regexr.com to experiment with very specific regexs that used the numbers.

There are plenty of online regex tools to test and experiment with regex patterns. Some popular ones include RegExr, RegEx101, and RegexPlanet.

Using regexr.com it at least appears to work as expected.

If you are going to use RE's, use something like https://regexr.com/ to double check that they're doing what you want. I was suspicious of your 'cols = re.findall(r'\d+ .....', i)' line, and indeed it does miss some columns. You should rethink your column detection, and either not use REs or learn how to use capture groups and \w. There would then be no reason to use yet another RE in your column iterator to extract the numbers which you've already detected.

First time posting here, let me know if I need to edit post to conform to any rules. My issue is that I'm trying to match regex pattern to separate out the number of cubes drawn and its color but my Matcher object seems to not be returning any matches so it's throwing a no match found exception when I try to call digitMatcher.group(). I have tested my regex pattern on sites like regexr and it seems to pass there but it's not working for some reason here. I use the same type of regex on day one and it work there so I'm not sure where my regex pattern is failing here. I'm talking about specifically in my isGameValid() method where I create a matcher base on a pattern I made above. Through debugging I know that I separated the string color pairing correctly and that my Matcher object has the correct regex pattern, it's just not matching for some reason. Any help would be appreciated. Code below:

Regexr has been an invaluable tool as a beginner.

RegExr simplifies working with regular expressions. This online tool provides a visual interface for building and testing regex patterns in real-time, making regex less intimidating.

Ho did you arrive at the regex? I usually use a website to , such as https://regex101.com/, https://regexr.com/, https://regex-generator.olafneumann.org/ in combination of each other, as some explain better than the other.

I pulled this into regexr.com and it yielded the same results except it removed :41: