omatsuri
easings.net
omatsuri | easings.net | |
---|---|---|
15 | 111 | |
2,487 | 7,663 | |
- | - | |
0.0 | 4.2 | |
about 2 years ago | 2 months ago | |
JavaScript | CSS | |
MIT License | GNU General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
omatsuri
-
🔥Top 5 Killer Websites for Developers😎
Visit site here: https://omatsuri.app Github link: https://github.com/rtivital/omatsuri
-
7 free Tools for the Modern Web Developers of 2023
1. Omatsuri
-
10 Resources for Web Developers
Omatsuri Open source web app that includes 12 frontend tools.
-
Best place to buy .app domain?
I've bought https://omatsuri.app/ domain at namecheap. There is not such warning there (and Google police haven't arrested me yet for using it for an open source app), the only requirement is to host website with https protocol.
- [24] Top 10 Must-Have Web Dev Tools – August 2021
- Omatsuri – PWA with 12 open source front end focused tools
-
Where to look at developer portfolios for design inspiration/ideas.
For general design resources I've found this site, omatsuri, and Inspire github repo.
-
My Mint Desktop configuration I'm so proud of :)
Hi! Omatsuri is a web app with some CSS and web optimization tool (https://omatsuri.app/), and shrink me is an image optimizer (https://shrinkme.app/), always in web app form, I use mint webapp to make them as a standalone program.
easings.net
- Easings
-
2024 Cheat Sheet Collection
Easings: When working with animations and transitions, Easings provides a comprehensive cheat sheet for various easing functions, allowing developers to visualize and choose the perfect timing curve for their projects.
-
My favourite animation trick: exponential smoothing
Something like this: https://easings.net/#easeOutExpo
- Show HN: Tweening web visualisation, in Rust – (WASM)
-
Show HN: Improve cognitive focus in 1 minute
Very timely and helpful, thank you!
A suggestion: the pulse animation would look much better with ease-in / ease-out animation curves instead of the harsh linear curve it's currently using. EaseInOutSine from this cheat sheet would do fine: https://easings.net/
- Easing Functions Cheat Sheet
-
How to learn to create non linear function for my game
One I like to reference is this easing functions cheatsheet. Its aimed at programming animations, but a lot of the principles apply to your needs.
-
Easings for keyframes
I feel like BB should definitely have easings (specifically the ones on easings.net) for keyframes. Any thoughts?
-
Interactive tutorial building polished UI in JavaScript
> I wasn’t sure what type of math function would work for this
Usually people use "easing functions", which are convenient since they typically have a range and image both in [0.0 .. 1.0] [1] (although sometimes the range is slightly above 1 or below 0 to produce some "effect"). CSS has a cubic-bezier function [2] that can be used to replicate pretty closely all sorts of easing functions.
Functions that look like an "S" when plotted are called "sigmoids", a popular one used in graphics applications is called "Smoothstep" [3].
--
1: https://easings.net
2: https://developer.mozilla.org/en-US/docs/Web/CSS/easing-func...
3: https://en.wikipedia.org/wiki/Smoothstep
What are some alternatives?
blobs.app - Blob shapes generator
humane-js - A simple, modern, browser notification system
offline-plugin - Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
cs-tween - Easing functions in C#. And coroutines for using them with Unity.
svgo - ⚙️ Node.js tool for optimizing SVG files
libGDX - Desktop/Android/HTML5/iOS Java game development framework
CSS Layout - A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
Most.js - Ultra-high performance reactive programming
xooks - General purpose react hooks collection
Compass - Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
arrows.app - A graph drawing application
ParrelSync - (Unity3D) Test multiplayer without building