Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vladocar/floaty
CSS Float Based Layout System
https://github.com/vladocar/floaty
css css-framework css-layout html
Last synced: about 2 months ago
JSON representation
CSS Float Based Layout System
- Host: GitHub
- URL: https://github.com/vladocar/floaty
- Owner: vladocar
- License: mit
- Created: 2018-12-09T14:34:44.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-12T12:49:45.000Z (about 6 years ago)
- Last Synced: 2024-11-08T23:40:05.664Z (2 months ago)
- Topics: css, css-framework, css-layout, html
- Language: HTML
- Homepage: https://vladocar.github.io/floaty/
- Size: 45.9 KB
- Stars: 35
- Watchers: 4
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Gzip Size](https://img.badgesize.io/https://unpkg.com/[email protected]/floaty.css?compression=gzip)](https://unpkg.com/[email protected]/floaty.css)
Floaty
Solution for all the web designers who need to support the older browsers.
Floaty is 0,6 Kb(0,35 Kb gzip) CSS layout solution with basic responsive layout and will work even in the older browsers.
I made 5 CSS layout solutions based on Flex and CSS GRID (SMART CSS GRID, 60 GS, Flexy, Katana, Flex One) this year and most common question is: will it work in IE.
The answers is: not always.Floats were never meant to be used as layout solution but I think still 90% of all the web uses floats probably of the simplicity, fear of browser un-compatibility and web designers / developers need to learn more complex layout systems like Flex or CSS Grid.
With floats you can go left or right, anyone can learn that.
Flex and CSS Grid are first real layout solutions and if possible we should always push the web forward.
But if for some reason you still want to "go with the float", this solution may help you.
Installation
Just simply download the project or:
```shell
$ npm i floatycss
``````html
```
Demo: https://vladocar.github.io/floaty/
License
This project is licensed under the MIT License