Conheça o W3Css, o framework CSS da W3C

A W3C lançou recentemente um framework com um grande compilado de funcionalidades para construção de sites responsivos e leves. Pra quem não conhece, a W3C ou “World Wide Web Consortium é a principal organização de padronização da World Wide Web. Consiste em um consórcio internacional com quase 400 membros, agrega empresas, órgãos governamentais e organizações independentes com a finalidade de estabelecer padrões para a criação e a interpretação de conteúdos para a Web.”

Já existem vários frameworks no mercado, como os conhecidos Boostrap, Skeleton, etc. Então porque utilizar este?

Veja a seguir as principais vantagens em utilizar o W3.CSS, segundo sites e blogs especializados em programação:

Mais simples e rápido que outros frameworks CSS.
Fácil de usar e de aprender.
Extremamente leve – usa apenas CSS padrão.
Dispensa o uso de JavaScript ou jQyery.
Foco em “Mobile First” – desenvolvido primeiro para celular e depois adaptado para o desktop.
Design responsivo – feito para todos dispositivos (celular, desktop e tablet), mas especialmente para dispositivos móveis.
Acelera aplicativos HTML móveis.
Possui recursos diferenciados dos demais frameworks CSS.
Desenvolvido com base em “Material Design” – padrão visual criado pelo Google com foco na simplicidade e na funcionalidade – https://material.google.com/#
É gratuito e não precisa de licença para a sua utilização.

O framework W3Css é um framework desenvolvido e mantido pela W3C e, por isso, é garantia de confiabilidade. Por se tratar de um framework CSS, o mesmo não possui ou necessita de bibliotecas externas, por exemplo, jQuery ou AngularJS. O framework W3Css agiliza e facilita bastante o desenvolvimento de interfaces web responsivas sendo este um framework gratuito.

Como utilizar?

Basta adicionar uma referência ao CDN ou fazer o download e inserir a referência no seu html

<!DOCTYPE html> 

<html>

<head>

<title>Minha página website com W3.CSS - CodigoSimples</title> 

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">  

</head>

<body>

<h1>Usando o W3.CSS</h1>

<body>

</html>

Ou uma página simples assim:

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/lib/w3.css">
<body>

<div class="w3-container w3-teal">
  <h1>My Car</h1>
</div>

<img src="img_car.jpg" alt="Car" style="width:100%">

<div class="w3-container">
  <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p>
</div>

<div class="w3-container w3-teal">
  <p>My footer information</p>
</div>

</body>
</html>

O framework é uma boa pedida para quem quer construir sites leves e com recursos simples, pois se trata de um framework bem enxuto! Além de trazer somente recursos já homologados e você ter a garantia que não terá incompatibilidade entre navegadores.

Diz aí pra gente, o que você acha desta aposta da W3C?

Veja o link da página oficial : https://www.w3schools.com/w3css/default.asp

Um grande abraço!