Desenvolvimento Web on Alemasone

Bootstrap ou Material Design: qual framework escolher?

Tue, 20 May 2025 19:31:36 +0000

Bootstrap dá-te uma grelha e componentes neutros que funcionam em todo o lado, Material UI traz para o React a linguagem visual do Google, Tailwind não tem componentes, mas sim classes para combinares. Além do aspeto, muda o peso: o Bootstrap ronda os 42 KB comprimidos, o Material UI ultrapassa frequentemente os 100 KB, e o Tailwind em produção fica entre os 5 e os 15 KB.

A pergunta de partida costuma ser «Bootstrap ou Material Design?», mas hoje em dia a comparação inclui quase sempre também o Tailwind, que nos últimos anos ocupou o lugar do Bootstrap em muitos projetos novos. Os dois primeiros entregam-te peças já feitas e reconhecíveis; o terceiro deixa-te construir tudo: demoras mais tempo, mas no final o site não se parece com nenhum outro.

As melhores extensões para VS Code que deves instalar

Thu, 17 Oct 2024 21:57:04 +0000

Tercenta extensões instaladas são um problema, não uma configuração. Cada uma atrasa o arranque, consome memória e pode entrar em conflito com as outras. As que realmente importam contam-se nos dedos de duas mãos, e muitas coisas para as quais há anos se instalava uma extensão, hoje o Visual Studio Code faz sozinho.

Antes de adicionares algo, vê o que o editor já faz: formatação ao guardar, renomear símbolos em todo o projeto, Git, terminal, procura e substituição com expressões regulares, múltiplos cursores simultâneos, pré-visualização de Markdown, sincronização de definições, debug de JavaScript no browser e parênteses coloridos por pares. Para estas últimas três, até há uns anos, eram necessárias a Settings Sync, o Debugger for Chrome e o Bracket Pair Colorizer: se ainda as tens, podes removê-las.

Os melhores editores HTML WYSIWYG gratuitos para a Web

Fri, 07 Jun 2024 22:36:41 +0000

Um editor WYSIWYG é a biblioteca que transforma um campo de texto num pequeno processador de texto dentro da página. Mais do que as funcionalidades, o que decide são duas coisas: a licença, porque várias bibliotecas históricas mudaram nos últimos anos, e a qualidade do HTML que produzem.

A sigla significa «what you see is what you get» (o que vês é o que obténs): quem escreve vê o texto já formatado em vez das tags e, normalmente, pode passar para a vista do código-fonte para o retocar. Encontras isto em painéis de administração, CMS e em qualquer lugar onde alguém que não conheça HTML precise de publicar algo.

As melhores alternativas ao XAMPP para desenvolvimento local

Sun, 18 Feb 2024 18:22:34 +0000

O XAMPP ainda funciona, mas ficou para trás: a versão do Apache Friends está parada no PHP 8.2, que recebe apenas correções de segurança e as perderá no final de 2026, enquanto o PHP já chegou à 8.5. Para um projeto novo, existem alternativas mais atualizadas, gratuitas ou quase isso.

Um ambiente de desenvolvimento local serve para rodar um site no teu computador antes de o colocares online: um servidor web, PHP e uma base de dados instalados em conjunto. XAMPP tornou tudo isto simples quando o único caminho era configurar cada peça à mão, e é por isso que o encontras em quase todos os cursos e nos primeiros tutoriais.