In our previous article we had started a list of useful frameworks when defining the look of a website using style sheets. Style sheets allow us to control aspects such as the different elements of a website have to be represented on different devices.
Terms to keep in mind
flexbox: It is a flexible box model. one-dimensional yu designA method to help distribute the space between items in an interface by improving alignment capabilities.
The word one-dimensional is used to highlight the fact that flexbox handles layout in only one dimension at a time - either as a row or as a column.
CSS Grid Layout (CGL): A Two-dimensional grid-based design system developed to create better user interfaces.
CGL allows you to divide a page into main areas or regions, and makes it easy to define the relationship in terms of size, position and layers between parts of a control built from HTML primitives.
In the same way as with tables (the method used in the early days of web design) the grid layout allows you to align elements in columns and rows. But, unlike what happens with tables, with CSS grid many more layouts are possible and in a simpler way.
Some more CSS frameworks
Pure CSS
Pure CSS is a framework Lightweight and responsive CSS created by Yahoo in 2014. It is built using Normalize.css and eIt is useful for creating responsive designs using grids and menus. Pure is responsive by default, and unlike Bootstrap, it does not allow you to create fixed layouts.
UIKit
It is proposed like an flightweight and modular ramework for creating fast and powerful web interfaces. Despite its small size, it manages to offer almost all the features of other frameworks.
You can create simple, clean and modular web interfaces with its SVG icon set, many components, responsiveness, unified styles, and customization options. In addition, you can also design complex flexbox-based layouts with the UI kit using simple HTML.
Mustard UI
It is ideal for starters. Its components are divided into modules; Flexbox base grids, buttons, tables, forms, and cards.
Materialize CSS
In this case it is about a framework for create Material Design interfaces developed by Google
It is the suitable alternative for anyone who wants to design websites or web applications for Android because it comes with classes and components out of the box. You can quickly start using their starter templates.
Materialize CSS uses Bootstrap's 12-column grid format so you can quickly create responsive page layouts.
Tailwind CSS
Now we speakIt's a highly customizable CSS framework. Unlike Bootstrap, which creates a generic looking user interface, Tailwind allows developers to customize designs and give them a unique look.
Milligrams
In this case we also have a minimalist framework.
At just 2kb (compressed), Milligram se manages to provide a complete set of web development tools. Users can also use all the features offered by the CSS3 specification.
Skeleton
Responsive and minimalist frameworks seem to be all the rage. Skeleton it has only 400 lines of code.
Anyway, manages to offer us many options for grids, typography, buttons, forms, lists, tables and code that can be used for the creation of complex websites.
Spectre
Spectre is a framework that can contribute to faster and more flexible site creation with elegantly designed elements, beautiful typography, and pre-built components.
CSS picnic
This library which can also be used online, it does not reach 10 kb when compressed. Provides the developer with pure CSS and interactive components, including grids, forms, tabs, tool tips, and alerts. The library helps you create a responsive website and beautiful web applications.
Base
Framework developed using light and minimal code. Despite its simple design, it is very powerful. Developers and designers can use it to create websites and web applications that meet web standards and search engine demands.