easings.net
Compass
Our great sponsors
easings.net | Compass | |
---|---|---|
111 | 5 | |
7,617 | 6,734 | |
- | -0.1% | |
4.2 | 0.0 | |
about 2 months ago | 12 months ago | |
CSS | CSS | |
GNU General Public License v3.0 only | GNU General Public License v3.0 or later |
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.
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].
--
2: https://developer.mozilla.org/en-US/docs/Web/CSS/easing-func...
Compass
-
Is Compass gone?
pretty much gone, the beta site seems still to be alive http://beta.compass-style.org/reference/compass/css3/ and the github repo is still about https://github.com/Compass/compass/
-
SCSS: Started with static website
SASS is a CSS preprocessor that is designed to be used as a standalone preprocessor, or as part of a framework called Compass. SASS for CSS is very similar to CSS, for creating CSS files that are more easily readable and maintainable than traditional CSS files. In the next chapper, we will learn how to use SASS to create a simple CSS file.
-
SSGs through the ages: The ‘After Jekyll’ era
Soon after, Chris Epstein, the creator of Compass and co-creator of Sass, forked Brandon’s repository and asked for some help with the design. Being a big fan of Chris’s, Brandon jumped on the opportunity straight away. He pulled out the content, made the theme more generic, and named his creation Octopress.
-
How to use scss in drupal theme?
I use a CLI tool to compile it as changes are made. I use http://compass-style.org/
-
CSS Deep
Compass/compass - Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
What are some alternatives?
cs-tween - Easing functions in C#. And coroutines for using them with Unity.
Sass - Sass makes CSS fun!
humane-js - A simple, modern, browser notification system
Webpacker - Use Webpack to manage app-like JavaScript modules in Rails
Most.js - Ultra-high performance reactive programming
Bourbon - A Lightweight Sass Tool Set
libGDX - Desktop/Android/HTML5/iOS Java game development framework
Autoprefixer - Autoprefixer for Ruby and Ruby on Rails
ParrelSync - (Unity3D) Test multiplayer without building
Emoji - A gem. For Emoji. For everyone. ❤
flux - A fast, lightweight tweening library for Lua
hackathon-starter - A boilerplate for Node.js web applications