Você gostaria de limitar os usuários do WordPress enviarem imagens pesadas para o seu site? Nesse post você irá saber como criar um controle no upload de imagens do WordPress.
Tag: tutorial
Geolocation API
Vamos falar sobre geolocation esse post servirá como base para o conteúdo do curso de PWA que estou rodando no meu canal. Na versão 2020 do curso iremos abordar Web APIs disponíveis para iOS e nesse primeiro posts iremos abordar a Geolocation web API. Umas das primeiras web APIs lançadas junto com o HTML5, para… Continuar lendo Geolocation API
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
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
Introdução ao AMP
AMP ou Accelerated mobile pages surgiu para solucionar um problema antigo das aplicações web relacionado a performance, o fato que muitas das aplicações web são desenvolvidas nos grandes centro onde as empresas e usuários tem facilmente acesso a conexão rápida. Quando as aplicações são testadas nos grandes centros não levam em conta o tempo de… Continuar lendo Introdução ao AMP
Badging API
A Badging API é uma das novas APIs criadas para fechar o gap entre aplicações nativas, a badging API foi incluída na versão 73 do Chrome em versão de teste, permite adicionar contador de notificações nos ícones de nossa PWA na barra de tarefas, diferente de push notification badging api é menos intrusiva apenas exibe… Continuar lendo Badging API