From 62c5220a3bb623e1305ac08f8dd5d35011af3765 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Thu, 2 Feb 2017 23:36:08 +0200 Subject: [PATCH] Updated index.html --- docs/index.html | 48 +++++++++++++++++++++++------------------------ docs/v2/DEVLOG.md | 1 + 2 files changed, 25 insertions(+), 24 deletions(-) diff --git a/docs/index.html b/docs/index.html index 3230b2b..e959fd6 100644 --- a/docs/index.html +++ b/docs/index.html @@ -4,19 +4,19 @@ - - mini.css - Minimal, responsive, style-agnostic CSS toolkit + + mini.css - Minimal, responsive, style-agnostic CSS framework - - + + - + - + - + - +
@@ -94,12 +94,12 @@
-
+

MinimalSize matters!




-

mini.css aims to provide as much functionality as possible in less than 10KB gzipped. This very small footprint means that your websites and web applications will load faster, while still looking great utilising the modern components we provide!


+

mini.css aims to provide as much functionality as possible in less than 7KB gzipped. This very small footprint means that your websites and web applications will load faster, while still looking great utilising the modern components we provide!


@@ -114,7 +114,7 @@
-
+

Style-agnosticInfinitely customizable!


@@ -146,9 +146,9 @@

Quick overview

-

Take a couple of minutes to learn how mini.css differs from all those other UI toolkits (Bootstrap, Semantic UI etc):

- - +

Take a couple of minutes to learn how mini.css differs from all those other UI frameworks (Bootstrap, Semantic UI etc):

+
Toolkit file size comparison
+ @@ -175,7 +175,7 @@ - + @@ -196,7 +196,7 @@
Framework file size comparison
Name
mini.cssv2.0v2.1 47 KB 36 KB 7 KB

-

! The above comparison takes into account only the CSS files of each framework. mini.css's size is an approximation due to the nature of its flavor system. The calculated results were produced using Refresh-SF.

+

 The above comparison takes into account only the CSS files of each framework. mini.css's size is an approximation due to the nature of its flavor system. The calculated results were produced using Refresh-SF.


@@ -204,7 +204,7 @@
  • Core - Resets, typography rules and fixes
  • Grid - Powerful, responsive flexbox-based grid
    • -
  • Navigation - Common elements for navigation
    • +
  • Navigation - Common elements for navigation
  • Input Control - Forms, buttons and inputs
  • Table - Modern, responsive tables
  • Card - Sleek, modern content containers
    • @@ -216,12 +216,12 @@

Why does mini.css have so few modules?

-

Modules are what make toolkits so powerful, by giving developers the essential components they need to structure and style their websites. mini.css simplifies the crafting and learning process for new developers by providing a handful of very powerful modules that can do many different things. This way, new developers will only have to learn a few different HTML structures and patterns, while having the ability to build a lot of interesting things with them. For example, cards can be used for almost any type of layout and can be customized to behave exactly as the developer needs them to. Tabs, on the other hand, are very responsive on mobile, collapsing to a stack below a certain width, but they can also be forced into a stack, allowing accordions and collapses to be built using the same building block as tabs.

+

Modules are what make frameworks so powerful, by giving developers the essential components they need to structure and style their websites. mini.css simplifies the crafting and learning process for new developers by providing a handful of very powerful modules that can do many different things. This way, new developers will only have to learn a few different HTML structures and patterns, while having the ability to build a lot of interesting things with them. For example, cards can be used for almost any type of layout and can be customized to behave exactly as the developer needs them to. Tabs, on the other hand, are very responsive on mobile, collapsing to a stack below a certain width, but they can also be forced into a stack, allowing accordions and collapses to be built using the same building block as tabs.

- +
@@ -276,7 +276,7 @@
Browser support

-

! Due to the way mini.css is crafted, some legacy browsers are not supported anymore and some others are partially supported. This could be a dealbreaker for some developers, however most legacy browsers will display a less feature-rich and modern website. Apart from the table above, note that some mobile browsers like Opera Mini, IE Mobile and UC Browser for Android are officially supported, but some features may not be displayed properly or behave as expected due to the browsers themselves.

+

 Due to the way mini.css is crafted, some legacy browsers are not supported anymore and some others are partially supported. This could be a dealbreaker for some developers, however most legacy browsers will display a less feature-rich and modern website. Apart from the table above, note that some mobile browsers like Opera Mini, IE Mobile and UC Browser for Android are officially supported, but some features may not be displayed properly or behave as expected due to the browsers themselves.


@@ -297,4 +297,4 @@ - \ No newline at end of file + diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index a8217b4..754d335 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -815,3 +815,4 @@ - Added `[role="button"]` selector for elements inside `header`, did not remove any other selectors from component as specifity would be too low if changed. - Updated `.card.section` to work properly with `[role="button"]` elements. - #22: Spent a lot of time testing possible implementation of *Media Object*. See related issue for what I ended up with. +- Updated `index.html`. It's now ready for v2.1.0.