Tag: front-end

  • CSS Aspect-ratio: Mantendo as proporções das imagens

    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

    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

    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

    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

    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

    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

    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…

  • Novo Curso de desenvolvimento WordPress na DRC

    17 de Janeiro começa o curso de desenvolvimento wordpress com o FRONT-END especialista em wordpress Leonardo Maciel. Desenvolvimento com WordPress WordPress é um CMS (Content Management System) para Blogs e Sites, ou seja, ele é uma forma de administrar o seu site/blog de uma forma fácil. Feito em PHP, o WordPress é uma das ferramentas…