- 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!
