All Projects → peterramsing → Lost

peterramsing / Lost

Licence: mit
LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Lost

fortune
🔮Fortune is your friendly CSS properties framework.
Stars: ✭ 16 (-99.64%)
Mutual labels:  grid, postcss
Postcss Ant
Size-getting function masquerading as a grid system.
Stars: ✭ 145 (-96.78%)
Mutual labels:  grid, postcss
Cssnano
A modular minifier, built on top of the PostCSS ecosystem.
Stars: ✭ 4,031 (-10.54%)
Mutual labels:  postcss
Ngx Datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
Stars: ✭ 4,415 (-2.02%)
Mutual labels:  grid
Gijgo
Gijgo - Free Javascript Controls
Stars: ✭ 424 (-90.59%)
Mutual labels:  grid
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (-91.52%)
Mutual labels:  postcss
Hugo Theme Introduction
Minimal, single page, smooth-scrolling theme for Hugo static site generator.
Stars: ✭ 441 (-90.21%)
Mutual labels:  postcss
Gulp Tutorial
Code examples for my Gulp.js tutorial series
Stars: ✭ 383 (-91.5%)
Mutual labels:  postcss
Svelte Grid
A responsive, draggable and resizable grid layout, for Svelte.
Stars: ✭ 473 (-89.5%)
Mutual labels:  grid
Cheetah Grid
The fastest open-source data table for web.
Stars: ✭ 417 (-90.75%)
Mutual labels:  grid
React Redux Grid
A React Grid/Tree Component written in the Redux Pattern
Stars: ✭ 454 (-89.92%)
Mutual labels:  grid
Tabulator
Interactive Tables and Data Grids for JavaScript
Stars: ✭ 4,329 (-3.93%)
Mutual labels:  grid
React Gridlist
A virtual-scrolling GridList component based on CSS Grids
Stars: ✭ 394 (-91.26%)
Mutual labels:  grid
React Virtualized
React components for efficiently rendering large lists and tabular data
Stars: ✭ 22,963 (+409.61%)
Mutual labels:  grid
Astexplorer
A web tool to explore the ASTs generated by various parsers.
Stars: ✭ 4,330 (-3.91%)
Mutual labels:  postcss
Lemonade
simple flexible grid
Stars: ✭ 457 (-89.86%)
Mutual labels:  grid
Suit
Style tools for UI components
Stars: ✭ 3,763 (-16.49%)
Mutual labels:  postcss
Postcss Sprites
Generate sprites from stylesheets.
Stars: ✭ 402 (-91.08%)
Mutual labels:  postcss
Nghandsontable
Official AngularJS directive for Handsontable
Stars: ✭ 438 (-90.28%)
Mutual labels:  grid
Gridstack
A flexible grid layout view for SwiftUI
Stars: ✭ 474 (-89.48%)
Mutual labels:  grid



Codecov

LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

If you have any questions, comments, or concerns please feel free to open an issue. You're also welcome to tweet @LostGrid if an issue seems too formal.


Getting Started

LostGrid makes use of calc() to create stunning grids based on fractions you define without having to pass a lot of options.

Read the docs on LostGrid.org!

Browser Support

  • LostGrid relies on calc() to create the grid. Thus, LostGrid is limited to browsers that support calc(). The great thing is that calc() is widely supported in all current browsers and the LostGrid usage of calc() is supported as far back as IE9+.
  • If using LostGrid in flexbox mode browser support is limited to IE 10+.
  • Calc browser support
  • Flexbox browser support

Official Support

  • LostGrid is tested in the following browsers for compatibility
    • IE10+ (IE9 has the same calc() support as IE10 except for background position which LostGrid doesn't affect)
    • Evergreen Browsers (as they update automatically, tests are performed on the latest version of the following browsers)
      • Chrome
        • Chrome Canary + Chromium as well
      • Opera
      • Firefox
        • FirefoxDeveloperEdition as well
      • Edge
    • Safari 9+
  • Automated browser testing with Selenium is coming soon. 👍

Note: LostGrid no longer supports Node less than 10 (i.e. 8.x, 4.x, etc.) . I'll be following the Node LTS plan for Node. Let me know if you any questions. Thanks!

 

LostGrid Team

 

Thanks

  • Cory Simmons for creating this grid!
  • Alex Bass for being available to bounce ideas off of.
  • Maria Keller for the amazing logo. Be sure to hire her for all your design and motion graphic needs.
  • Everyone who files an Issue when something isn't working as expected.
  • Everyone who has contributed.

 

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].