Nesse post iremos ver como compartilhar conteúdo nas redes sociais com AMP. O compartilhamento de conteúdo é um dos pontos chaves para trazer novos usuários para sua aplicação. Mas, um ponto importante na plataforma AMP por questões de perfomance. Isso porque o bloqueio de scripts de terceiros – ou seja, por vias tradicionais – é… Continuar lendo Compartilhando conteúdo nas redes sociais com AMP
Categoria: AMP Accelerated mobile pages
Aqui você irá encontrar tutoriais e notícias sobre AMP ou Accelerated Mobile Pages é o framework desenvolvido inicialmente pelo Google que permite criar aplicações de alta performance com baixo nível de complexidade durante o desenvolvimento.
O framework é constituído de três items chave:
- AMP HTML – Responsável por incluir componentes específicos na plataforma.
- AMPJS – Script responsável por adicionar recursos que irão otimizar a performance da nossa aplicação.
- AMP Cache – Recurso disponibilizado pelo Google para melhorar a entrega de conteúdo nos principais resultados da busca do Google.
Além de notícias e tutoriais essa categoria serve de suporte para o curso que estou rodando em meu canal do youtube para mais informações acesse a playlist.
Plugin AMP para WordPress
No post anterior falei sobre plugins de performance para WordPress, agora chegou a hora de falar de outro plugin relacionado a performance o Plugin do AMP para WordPress. Assistindo conteúdo sobre WordPress no YouTube, por muitas vezes o plugin é vendido como plugin para deixar o WordPress rápido. Mas precisamos entender como o framework funciona… Continuar lendo Plugin AMP para WordPress
Convertendo uma aplicação AMP em uma PWA
Neste post irei abordar meus dois assuntos favoritos, Progressive Web Apps(PWA) e AMP. Nesse post vamos converter nossa aplicação AMP em uma PWA
Trabalhando com AMP image light-box
No post anterior vimos como implementar um light-box com o componente amp-lightbox e nesse post vamos ver como implementar com AMP image light-box para imagens, assim iremos trabalhar com o componente amp-image-lightbox. Ele possui algumas particularidades comparado ao componente amp-lightbox mas o comportamento será bem parecido. amp-image-lightbox O componente amp-image-lightbox habilita um lightbox específico para… Continuar lendo Trabalhando com AMP image light-box
Criando light-box com AMP: amp-lightbox
Nesse post vamos ver como implementar um light-box em nossa aplicação AMP, light-box é um dos recursos mais usados desde a popularização do JavaScript. Na maioria das vezes usado para focar a exibição de elementos gráficos ou mensagens. A plataforma amp disponibiliza três componentes para exibição de light-box amp-lightbox, amp-image-lightbox e amp-lightbox-gallery. Cada um desses… Continuar lendo Criando light-box com AMP: amp-lightbox
Criando menu acordeão com AMP: amp-accordion
Um dos componentes mais populares do AMP é o amp-accordion, o componente de accordion(acordeão) ou sanfona como também é conhecido permite o usuários comprimir e expandir determinadas sessões. Ele é útil também em dispositivos móveis para reduzir a quantidade de scroll de uma sessão. Neste post iremos entrar em alguns detalhes desse componente. Comportamento Cada… Continuar lendo Criando menu acordeão com AMP: amp-accordion
Eventos com AMP e trabalhando com amp-sidebar
Nesse post iremos abordar como o AMP trabalha com eventos, quais as principais ações que conseguimos realizar e como a plataforma diferencia os eventos enntre componentes
Trabalhando com amp-youtube
No post anterior como utilizar nosso primeiro componente o amp-img neste post vamos entender um pouco mais sobre componentes AMP e como utiliza-los. Primeiramente existem três tipos de componentes: Built-in são os componentes base da biblioteca como amp-img e amp-pixel. Extended componentes que precisa de um script extra para executar geralmente atendem a problemas mais… Continuar lendo Trabalhando com amp-youtube
Como trabalhar com imagens no AMP
Quando trabalhamos com AMP temos restrição na utilização de algumas tag HTML e ia tag img se encontra nessa lista. A principal razão é que imagens são responsáveis pela maior parcela no tamanho total de uma aplicação. Por isso o framework tem um cuidado especial no carregamento de images para isso utilizamos o componente amp-img,… Continuar lendo Como trabalhar com imagens no AMP
Criando primeira página AMP
Novo curso em meu canal do YouTube sobre AMP já está no ar: Nos primeiros vídeos e posts eu fiz a apresentação do nosso projeto. Agora vamos aprender a criar nossa primeira página e ver quais os requisitos básicos para publicar nossa primeira página válida. Requisitos básicos Primeiro precisamos sinalizar que temos conteúdo AMP através… Continuar lendo Criando primeira página AMP