TecheNet
  • Mobile
    • Apple
    • Apps
    • Google
    • Huawei
    • OnePlus
    • Samsung
    • Xiaomi
  • Guias
    • Guia básico Sorare: aprende como entrar na aventura dos NFTs
    • Os melhores sites para ver filmes e séries
    • Os melhores smartphones Android topo de gama
    • Os melhores smartphones Xiaomi para fotografia até €300
    • Os melhores smartphones Android até €250
    • Os melhores gamepads para smartphones Android
    • As melhores alternativas à Netflix
    • As melhores VPN para garantir a segurança online
    • As melhores VPN grátis em Portugal
    • 5 motivos para usares sempre uma VPN
    • O que é uma VPN e como funciona?
    • 5 razões para usar uma VPN no trabalho
    • Os melhores Emuladores de Android para Windows e Mac
    • Os melhores mapas Minecraft de aventura
    • Os melhores gadgets Xiaomi até €50
    • Os melhores gadgets Xiaomi por menos de €25
    • As melhores alternativas ao lendário Wareztuga
    • TV online grátis em Portugal? Vê a lista completa de canais
    • Os melhores drones baratos
    • Como adicionar os melhores bots ao teu servidor Discord
  • Gaming
  • Tech
    • Automóveis
    • Mobilidade Elétrica
    • Imagem & som
  • Segurança
  • Negócios
    • Criptomoedas
    • Entrevistas
    • Marketing
  • Promoções
  • Mais
    • Dicas
      • Internet
    • Sustentabilidade
    • Reviews
    • Tutoriais
Sem resultados
Ver todos os resultados
TecheNet
Sem resultados
Ver todos os resultados

HTML5 + CSS3 Frameworks

Ricky por Ricky
05/03/2021
Em Internet
Tempo de leitura: 4 minutos
Partilha no FacebookPartilha no TwitterPartilha no WhatsApp

Recentemente surgiu-me a oportunidade de actualizar o meu projecto base de desenvolvimento, mas como o modelo actual recorre a versões antigas do HTML (4.1) e CSS (2.0), decidi desenvolver um modelo base de raiz mais actualizado e melhorado para futuros projectos meus. Deste modo optei por pesquisar e analisar algumas frameworks HTML5 e CSS3 para servir de base para o meu novo modelo de desenvolvimento.

A minha escolha por usar uma framework HTML5 e CSS3 para os meus projectos foi óbvia, hoje em dia é importante para qualquer Web Designer ou Web Developer recorrer aos mais recentes standards num projecto web. Recorrer às mais recentes normas e padrões no desenvolvimento de aplicações e páginas web não é obrigatório mas torna-se fundamental por diversas razões, tais como maior compatibilidade entre browsers e dispositivos, melhoramento da usabilidade, facilidade de manutenção e extensibilidade das aplicações são alguns exemplos. O uso de uma framework para este efeito oferece muitos recursos que permite facilitar e acelerar o desenvolvimento de aplicações web.

De acordo com a pesquisa que efectuei, reuni quatro frameworks que achei mais interessantes e que permitem maximizar a capacidade e eficiência de desenvolvimento dos programadores e designers Web:

52Framework

52 Framework

52framework é uma framework HTML5 e CSS3 que contém todas as tags html5 básicas bem como uma documentação bastante completa. Contém várias características CSS3 interessantes como cantos arredondados, text-shadow, box-shadow, sistema de grelha, CSS reset entre muitos outros. Um facto interessante é que além de ter suporte para navegadores modernos, suporta também IE6. Se alguém pretende mergulhar em HTML5 e CSS3, vale a pena dar uma olhada nesta framework.

G5 Framework

G5 Framework

Framework HTML5, CSS3, PHP e jQuery Front End, que serve como um modelo base de arranque para novos sites. Está equipado com algumas bibliotecas Javascript e CSS3 como o Modernizr, Eric Meyer Reset Reloaded, jQuery com fallback, CSS3 PIE, botões CSS3, Easy Grid entre outros. É igualmente preenchido com várias características promissoras, tais como HTML5 Baseline, Base CSS, PHP Active Class, Smooth Scroll, HTML5 Fallback Placeholder, Base SEO, baseado no F layout, Sticky Footer e muitos mais.

Gravity

Gravity Framework


Gravity é uma framework baseada em SASS (Syntactically Awesome Stylesheets) que permite criar aplicações HTML5 poderosas e de fácil manutenção. Tem várias características úteis embutidas como tipografia, media queries, estilos para botões, layouts para formulários, CSS3 Mixins, prototipagem acelerada, CoffeScript, entre outros. Os utilizadores necessitam de instalar o SASS para executar esta framework.

HTML5 Boilerplate

HTML5 Boilerplate

O HTML5 Boilerplate é um front-end profissional que ajuda a construir sites robustos, adaptáveis e à prova do futuro de forma rápida. Este projecto é o resultado de muitos anos de desenvolvimento juntamente com o conhecimento da comunidade. Não impõe uma filosofia de desenvolvimento específica, o que permite construir o seu código da maneira que quiser. O Boilerplate tem características interessantes como recorrer ao normilize.css em vez do tradicional CSS Reset, jQuery, Modernizr, notificar utilizadores com o IE6 para instalar o Chrome Frame, permitir personalizar um template base com o Initializr, entre outros.

É importante referir que a necessidade de escolher uma framework depende muito da complexidade e dos requisitos funcionais da aplicação que pretendemos desenvolver. Para o meu projecto optei pelo HTML5 Boilerplate personalizado com Bootstrap.

Tags: css3frameworksHTML5pictures
PartilhaTweetEnvia
Ricky

Ricky

Sou freelance Web Designer/Developer, licenciado em Eng. Informática e actualmente a terminar o mestrado em e-Commerce no ISEC. Como um grande apaixonado pelo universo da Internet considero-me um World Wide Web Worshiper :)

Artigos relacionados

Flash vs HTML5: Qual a melhor opção para jogos?
Jogos

Flash vs HTML5: Qual a melhor opção para jogos?

27/12/2017
Chromecast
Gadgets

Última actualização do Chrome Beta para Android traz novo suporte para Chromecast

05/03/2014
Techenet Imagem de Destaque 2
Hardware

LibreOffice 4.0.0 é disponibilizado para download gratuito

05/03/2021
Alexander-Wang-e-Samsung-Galaxy-Note-II
Mobile

Samsung alia-se ao reconhecido designer Alexander Wang no primeiro processo de criação Crowd-Sourced

08/02/2013
Pavilion 14 Chromebook – O primeiro portátil com o Chrome OS da HP
Hardware

Pavilion 14 Chromebook – O primeiro portátil com o Chrome OS da HP

08/02/2013
Digitar 8 caracteres pode fazer crashar aplicações no seu Mac
Apple

Digitar 8 caracteres pode fazer crashar aplicações no seu Mac

05/07/2017

Comentários

Últimas Notícias

Miro, a solução para trabalho híbrido: que tal criar um mapa mental?
Internet

Miro, a solução para trabalho híbrido: que tal criar um mapa mental?

26/06/2022
Xiaomi Xiaomi 12S Ultra
Xiaomi

Xiaomi 12S Ultra já está a caminho das lojas físicas na China

26/06/2022
Huawei Nova 10 Pro
Huawei

Huawei Nova 10 Pro quer ser o novo Rei das selfies

26/06/2022
Sorare Fantasy League NFT - Techenet Sorare Fantasy League NFT - Techenet Sorare Fantasy League NFT - Techenet
PUBLICIDADE

Guias TecheNet

The Fresh Prince of Bel-Air está de volta! Como ver grátis em Portugal?

5 Aplicações Android essenciais para qualquer condutor em 2020

Trading de Criptomoedas para Iniciados: Um Guia Completo (Parte 4)

Como aceder à Netflix US em Portugal com uma VPN. Vê mais!

Onde comprar a PlayStation 5 em Portugal: Lojas e Stock!

O que é uma VPN e como funciona?

Dá música ao teu Discord: os 5 melhores bots de música!

Trading de Criptomoedas para Iniciados: Um Guia Completo (Parte 2)

PUBLICIDADE

Parcerias

Portugal de Lés a Lés

Ciberconceito: Alojamento web, Registo de Domínios, Servidores Virtuais, Servidores Dedicados

CHRONOS do tempo

Melhores Trotinetes Elétricas
Guias

5 trotinetes elétricas em 2022, perfeitas para todos os gostos!

27/06/2022
Miro, a solução para trabalho híbrido: que tal criar um mapa mental?
Internet

Miro, a solução para trabalho híbrido: que tal criar um mapa mental?

26/06/2022
Xiaomi Xiaomi 12S Ultra
Xiaomi

Xiaomi 12S Ultra já está a caminho das lojas físicas na China

26/06/2022
Huawei Nova 10 Pro
Huawei

Huawei Nova 10 Pro quer ser o novo Rei das selfies

26/06/2022
3 smartphones baratos
Promoções

Aproveita! 3 smartphones que oferecem a melhor relação preço/qualidade

26/06/2022
Steam Promoção de verão
Promoções

Steam: 50 descontos de verão que não vais querer perder!

26/06/2022
Techenet LOGO
  • Quem somos
  • Fale connosco, envie a sua pergunta aqui
  • Termos e condições
  • Política de comentários
Sem resultados
Ver todos os resultados
  • Mobile
    • Apple
    • Apps
    • Google
    • Huawei
    • OnePlus
    • Samsung
    • Xiaomi
  • Guias
    • Guia básico Sorare: aprende como entrar na aventura dos NFTs
    • Os melhores sites para ver filmes e séries
    • Os melhores smartphones Android topo de gama
    • Os melhores smartphones Xiaomi para fotografia até €300
    • Os melhores smartphones Android até €250
    • Os melhores gamepads para smartphones Android
    • As melhores alternativas à Netflix
    • As melhores VPN para garantir a segurança online
    • As melhores VPN grátis em Portugal
    • 5 motivos para usares sempre uma VPN
    • O que é uma VPN e como funciona?
    • 5 razões para usar uma VPN no trabalho
    • Os melhores Emuladores de Android para Windows e Mac
    • Os melhores mapas Minecraft de aventura
    • Os melhores gadgets Xiaomi até €50
    • Os melhores gadgets Xiaomi por menos de €25
    • As melhores alternativas ao lendário Wareztuga
    • TV online grátis em Portugal? Vê a lista completa de canais
    • Os melhores drones baratos
    • Como adicionar os melhores bots ao teu servidor Discord
  • Gaming
  • Tech
    • Automóveis
    • Mobilidade Elétrica
    • Imagem & som
  • Segurança
  • Negócios
    • Criptomoedas
    • Entrevistas
    • Marketing
  • Promoções
  • Mais
    • Dicas
      • Internet
    • Sustentabilidade
    • Reviews
    • Tutoriais

© 2021 TecheNet - Todos os direitos reservados.

Este site utiliza cookies. Ao continuar a sua visita dá consentimento para que cookies sejam utilizados.