gridstack.js
css-houdini-drafts
gridstack.js | css-houdini-drafts | |
---|---|---|
7 | 3 | |
5,953 | 1,834 | |
2.5% | 0.1% | |
9.1 | 6.6 | |
7 days ago | about 2 months ago | |
TypeScript | Bikeshed | |
MIT License | 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.
gridstack.js
-
Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit
Can you add drag and drop to this? Currently you need libraries like https://gridstackjs.com/, especially for nested cases.
-
Suggestions for a library that can resize/move panels on a grid-like basis? Like the AWS dashboard widgets.
https://gridstackjs.com might be for you.
- Looking for help setting up a project with a jQuery plugin
-
Real time analytics using .Net & Redis
RedisTimeSeries : https://redis.io/docs/stack/timeseries/ RedisTimeSeries Commands : https://redis.io/commands/?group=timeseries NRedisTimeSeries - .Net Client for RedisTimeSeries : https://github.com/RedisTimeSeries/NRedisTimeSeries/ Redis Cloud : https://redis.com/try-free/ Mockaroo - For mock data : https://www.mockaroo.com/7d448f50 RedisProvider : https://github.com/redis-developer/nredi2read-preview/blob/main/Providers/RedisProvider.cs gridstack.js - For Dashboard Structure : https://github.com/gridstack/gridstack.js handlebars.js - For widget design : https://github.com/handlebars-lang/handlebars.js Chart.js - Charting library : https://github.com/chartjs/Chart.js
-
Rendering children for third party library
I'm porting this react-gridstack2 to react 18 (original library), and I've hit a problem.
- Way to create dockable windows in a workspace kinda of like visual studio
-
A draggable grid in Vue
Might want to check out https://gridstackjs.com. There are example integrations for both Vue2/3 (Vue 2 version by me), and a helpful Slack community.
css-houdini-drafts
-
Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit
I'm dubious that a constraints system would ever be considered, CSS has so far had some strong goals around it's predictably on layout cost.. that said, Houdini layout proposal is the closest to your comment, offloading layout to an isolated js context https://github.com/w3c/css-houdini-drafts/blob/main/css-layo... .. but honestly flex and grid, plus other things like containment have solved so many things for folks now that there's just far less demand for improvement than the days before flex
-
Vanilla+PostCSS as an Alternative to SCSS
We might think of mixins and SCSS functions as user-defined custom CSS functions functions. SCSS functions can take and process optional parameters and define complex output rules in their @return statements.
-
CSS Deep
w3c/css-houdini-drafts - Mirror of https://hg.css-houdini.org/drafts
What are some alternatives?
vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
postcss-plugins - PostCSS Tools and Plugins
Easy-DnD - A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz
postcss-preset-env - Convert modern CSS into something browsers understand
react-gridstack2 - Modified React Wrapper library for GridStackJS.
postcss-define-function - PostCSS plugin for Sass-like function directive
blazor-dragdrop - Easy-to-use Drag and Drop Library for Blazor
postcss-nested - PostCSS plugin to unwrap nested rules like how Sass does it.
nredi2read-preview
postcss-extend-rule - Use the @extend at-rule and functional selectors in CSS
RedisTimeSeries - Time Series data structure for Redis
PageLoadingEffects - Modern ways of revealing new content using SVG animations.