Neste guia veremos o que são web components, quando usar, sua estrutura e também um crash course criando um web component do zero que é um card Pokémon, com vários recursos interessantes.
Continue lendo →
Browsing tag archives: html
SVG – Guia definitivo
O que é
SVG é a sigla para Scalable Vector Graphics que traduzindo seria gráficos vetoriais escaláveis. SVG é uma linguagem XML para fazer desenhos, gráficos 2D de maneiras estáticas ou dinâmicas a partir de vetores.
Continue lendo →
JavaScript – Começando do jeito certo
O que é JavaScript?
JavaScript é uma linguagem de programação, que foi criada originalmente para rodar em navegadores. Na tríade do Front-end, a linguagem é responsável por interagir com o usuário (como mensagens de erro e outros), sem a necessidade das informações irem Continue lendo →
Criando página com rolagem por seção – HTML, CSS, jQuery
Continuando a ajuda a meus brothers, depois de manipular os elementos com JavaScript, o meu mesmo amigo queria fazer um site com seções, onde toda vez que clicasse em algum botão, ele rolaria para a próxima seção. A ideia inicial dele era fazer com âncoras, e sem JavaScript ou jQuery, mas, eu disse a ele que era mole fazer com jQuery, e ia ficar uma animação bacana.
Pois bem, aqui vamos nós. Continue lendo →
Ionic Creator – Crie através de interface
Ionic Creator é uma ferramenta de prototipagem drag & drop para criar aplicativos excelentes com Ionic, tudo através de uma interface.
Já adiantando o assunto pra você, a melhor forma de reduzir tempo e consequentemente o custo para criar protótipos de aplicativos móveis Continue lendo →
Ionic Framework – Desenvolvendo Mobile Apps
O que é o Ionic?
Ionic é um framework livre e de código aberto. O conceito principal desse framework, é possibilitar a criação de aplicativos mobile com linguagens web (HTML, CSS, JS), entregando assim aplicações híbridas.
As aplicações híbridas são indicadas quando a necessidade da empresa é uma resposta imediata para um projeto que tem como objetivo atender a várias plataformas. De forma geral, é extremamente importante que a experiência do usuário Continue lendo →
Conheça o VS Code – Alternativa ao Sublime
VS Code
VS Code (Visual Studio Code) é um editor da Microsoft, de código aberto. Ele foi desenvolvido e funciona de forma estável (espantem-se) em Windows, Mac OS e Linux. Continue lendo →
O que evitar na SEO?
Os buscadores estão melhorando continuamente. Ainda assim, eles ainda não indexam todo o tipo de conteúdo dinâmico. Portanto, lembre-se, utilizar texto básico e HTML no seu site é sempre a melhor opção do ponto de vista da SEO.
Acessibilidade Web – Parte I
Acessibilidade Web quer dizer que todos os conteúdos ou serviços devem estar acessíveis, com fácil acesso, da forma mais intuitiva e com o menor esforço, para o maior número possível de usuários, independente de sistemas ou dispositivos utilizados, mas sem esquecer que também deve ser independente a suas culturas, Continue lendo →
Semântica HTML
Quando penso em Semântica HTML, diretamente já penso em HTML5.
O HTML5 (lançado a partir de 2009) é uma versão do HTML ainda não concluída, mas que já pode – e deve – ser utilizada por desenvolvedores e navegadores, antes de sua finalização.
Antes do lançamento dessa versão a semântica do HTML era quase nenhuma, quase nenhuma mesmo. Não tinha como, por exemplo, o robô do Google ou um ledor identificar e entender para que servia cada área do site, apenas através do código HTML.
Já com o HTML5, foram inseridas novas TAGS, onde Continue lendo →