GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → vladocar → floaty

vladocar / floaty

Licence: MIT license
CSS Float Based Layout System

Programming Languages

HTML
75241 projects
CSS
56736 projects

Labels

csshtmlcss-frameworkcss-layout

Projects that are alternatives of or similar to floaty

Katana
Katana is CSS Layout System made with Flexbox
Stars: ✭ 57 (+62.86%)
Mutual labels:  css-framework, css-layout
pollen
The CSS variables build system
Stars: ✭ 754 (+2054.29%)
Mutual labels:  css-framework
Charts.css
Open source CSS framework for data visualization.
Stars: ✭ 4,595 (+13028.57%)
Mutual labels:  css-framework
Fluent-Design-For-Web
Windows 10 Inspired UI For Web
Stars: ✭ 28 (-20%)
Mutual labels:  css-framework
Aqua.css
An elegant CSS Framework.
Stars: ✭ 253 (+622.86%)
Mutual labels:  css-framework
boba
A lightweight, modular CSS framework.
Stars: ✭ 47 (+34.29%)
Mutual labels:  css-framework
Numl
A UI Design Language, WC UI Library, and Runtime CSS Framework for rapidly building interfaces that follow your Design System 🌈
Stars: ✭ 229 (+554.29%)
Mutual labels:  css-framework
bulma.styl
A Stylus translation of a modern CSS framework based on Flexbox
Stars: ✭ 26 (-25.71%)
Mutual labels:  css-framework
strapless
Strapless is a color-changing CSS boilerplate for HTML elements, and a powerful LessCSS library for colors and patterns.
Stars: ✭ 27 (-22.86%)
Mutual labels:  css-framework
PotatoCSS
🥔 Simple CSS framework for hackers. Simple as potato.
Stars: ✭ 53 (+51.43%)
Mutual labels:  css-framework
CSScaffold
The original CSScaffold by Anthony Short... He deleted the original repository when he released the newer version.
Stars: ✭ 26 (-25.71%)
Mutual labels:  css-framework
Bonsai.css
A Utility Complete CSS Framework for less than 45kb (8kB Gzipped) -
Stars: ✭ 254 (+625.71%)
Mutual labels:  css-framework
bootcatch-themes
🔥 Bootcatch Themes is an open-source library of free Custom Bootstrap Themes.
Stars: ✭ 22 (-37.14%)
Mutual labels:  css-framework
Unnamed Css Framework
A simple colorful CSS framework
Stars: ✭ 249 (+611.43%)
Mutual labels:  css-framework
HypeStyle
Small, useful CSS library build on utility classes & components.
Stars: ✭ 28 (-20%)
Mutual labels:  css-framework
Gulp Front
Frontend boilerplate and framework based on gulp, pug, stylus and babel
Stars: ✭ 237 (+577.14%)
Mutual labels:  css-framework
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Stars: ✭ 154,459 (+441211.43%)
Mutual labels:  css-framework
Fluid
Modern, Stylish, Easier and Powerful Css framework for faster and hassle free web development
Stars: ✭ 24 (-31.43%)
Mutual labels:  css-framework
Two-Lines-CSS-Framework
Two Lines CSS Framework
Stars: ✭ 17 (-51.43%)
Mutual labels:  css-framework
colors
🎨 An elegant and minimalistic color palette for UI design.
Stars: ✭ 19 (-45.71%)
Mutual labels:  css-framework
View All Similar Projects ➔

Gzip Size

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: 

$ npm i floatycss
<link rel="stylesheet" href="https://unpkg.com/[email protected]/floaty.css">

Demo: https://vladocar.github.io/floaty/

License

This project is licensed under the MIT License

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].