Aprender flexbox e css grid com conteúdos somente teóricos pode dificultar para quem está no início. Por isso, pesquisei alguns jogos e orientações que passam esses conteúdos de forma prática. Encontrei conteúdos que misturam as definições dos fundamentos e jogos para praticar junto. Nesse artigo vou expor o conteúdo do…

Conhecer as principais tags semânticas da HTML5, marcações que agregam mais significado ao HTML ao prover uma ligação entre o conteúdo e a estrutura de documentos desse tipo. O papel da HTML não é apenas estruturar documentos para a web, mas também descrever o significado do conteúdo presente nesses documentos…

Preciso revisar minhas aplicações para torná-las mais acessíveis com html, css e javascript. Meu objetivo é iniciar por estratégicas mais puras. Para escrever esse artigo, utilizei quatro fontes de consulta para pesquisar nas documentações. Dicas de como melhorar a acessibilidade de seus sites e aplicativos com JavaScript Manuel Matuzovic. URL do original:Writing Javascript with Accessibility in Mind No meu primeiro post Writing HTML With…maujor.com

Quero aplicar o estilo padrão de modo escuro de forma eficiente na minha aplicação. Pesquisar maneira de persistir as preferências do usuário, consultar o sistema usado e qualquer outra maneira de tornar a usabilidade ainda mais satisfatória. Umas das funcionalidades que está na moda em Blogs e Sites é o…

Utilizar regex em aplicações frontend para tratar strings em formulários e entender como usar e como criar para atender nossas necessidades específicas. Vamos pesquisar e entender. O que é RegEx? RegEx é a abreviação de Expressões Regulares. RegEx são strings de caracteres especiais que são usados ​​como padrões para combinar com strings. Casos de uso de RegEx. Para validações…

O cuidado com a performance da aplicação e a segurança podem ser melhoradas com o uso do rel=noopener. Vamos entender essa propriedade. O rel=noopener é um simples atributo que se coloca em links externos para obter melhorias em performance e segurança. Se você tem links para outra site, a recomendação…

Quero entender como trabalhar com json com javascript para consumir api e alimentar o frontend de uma aplicação. Vou partir do conteúdo do MDN web docs para compreender uma forma de trabalhar com json com javascript puro. JavaScript Object Notation (JSON) é um formato baseado em texto padrão para representar…

A propriedade CSS aspect-ratiopermite criar caixas que mantêm dimensões proporcionais onde o heighte widthde uma caixa é calculado automaticamente como uma proporção. …

Encontrei um link muito interessante para fazermos projetos para aprender sobre css grid e também para consultar durante a criação de layouts das aplicações. Há muito sobre a aspecificação de grid CSS, mas não precisa aprender tudo de uma vez. Reuni alguns dos recursos como um guia de introdução. …