Tag: front-end
-
CSS Aspect-ratio: Mantendo as proporções das imagens
Nesse artigo vamos abordar a propriedade CSS aspect-ratio. Ela pode ser importante e nem muita gente sabe da sua existência. Muito comum acessar alguns sites e redimensionar as janelas e ver as imagens se distorcendo ou perdendo a proporção. Isso acontece por que as imagens não preservam a sua proporção, assim começam a ficar achatadas.
-
Trabalhando com a propriedade CSS currentColor
Nesse post falaremos sobre CSS currentColor, ele já está aí a um bom tempo e ela pode ser bem útil para melhorar o nosso código CSS e nesse tutorial veremos como. Muitas vezes queremos efetuar uma referência a cor atual do nosso elemento, algo como a palavra-chave this, comum nas linguagens de programação. No CSS…
-
Criando o seu primeiro projeto com Frontity
No post anterior eu fiz uma introdução sobre Frontity nesse post eu irei mostrar o passa-a-passo de como criar o seu primeiro Projeto com Frontity. Para isso teremos alguns pré-requisitos: Node.js instalado na nossa máquina Terminal de linha de comando Um editor de texto para codificar o nosso tema no meu caso irei utilizar o…
-
Introdução ao AMP
AMP ou Accelerated mobile pages surgiu para solucionar um problema antigo das aplicações web relacionada a performance, o fato que muitas das aplicações web são desenvolvidas nos grandes centros onde as empresas e usuários tem facilmente acesso à conexão rápida. Quando as aplicações são testadas nos grandes centros não consideram o tempo de carregamento da…
-
Introdução a Workbox
Workbox é um conjunto de bibliotecas e módulos do node que simplifica o processo de cache de assets na nossa aplicação, assim agilizando o nosso trabalho na criação de uma Progressive Web Apps. Este tutorial será baseado na versão 4 da biblioteca. Workbox trabalha dois conceitos importantes sobre PWAs: Performance: não espere por todos os…
-
Estratégias de cache para PWAs
Continuando a série sobre PWA tivemos uma introdução sobre Service Worker. Vimos que o service worker permite o suporte a aplicações offline mas também podemos controlar as requisições feitas pelo navegador isso nos dá a habilidade de pensar em diferentes estratégias de cache para a nossa aplicação e esse será o tema do nosso post.…
-
Web Share API
A web share API é uma API do navegador que permite aos usuários compartilhar arquivos e links de forma nativa. Ela foi criada para simplificar o processo de compartilhamento de conteúdo entre os navegadores e as aplicações da web.
-
Um mês de Dublin
E lá se vão 30 dias após a minha chegada em Dublin, tempo passa muito rápido e, ao mesmo tempo, devagar. Rápido parece que pouca coisa andou por aqui e devagar parece que faz muito tempo que não vejo os meus amigos. Pontuarei algumas coisas sobre a cidade e a rotina em Dublin.
-
Os últimos Talks de 2013
2013 foi um ano incrível, e no fechar das cortinas tive a chance de palestrar em dois grandes eventos. O WEBBR 2013 e EATI 2013 duas experiências incríveis, o primeiro eventos é um dos maiores eventos de Web do Brasil e o segundo um superevento no extremo sul do Brasil. Evento Webbr 2013 Na segunda-feira…
