Esta publicação é um trabalho em andamento e será atualizada com o tempo. Algumas técnicas são específicas do navegador e experimentais. Obrigado por ler! Parece que a maioria dos sites usa fontes não padrão hoje em dia e quem pode culpá-los? As fontes do sistema são todas muito chatas e as fontes personalizadas […]
Day: May 6, 2024
Obter dados do Open Graph com o Node.jsObter dados do Open Graph com o Node.js
Duas das postagens mais populares deste blog são Tags META do Facebook Open Graph e Como criar um cartão do Twitter. Não estou surpreso porque nós, como criadores de conteúdo, queremos ter algum controle visual sobre como nosso site é representado e compartilhado em sites de terceiros, especialmente sites de mídia social. Recentemente, publiquei um […]
Obter o valor do Bitcoin com curl ou Node.jsObter o valor do Bitcoin com curl ou Node.js
No ano passado, comecei a me envolver com o bitcoin. É claro que fiquei imediatamente convencido, pois o valor do bitcoin subiu 20% assim que o comprei, e depois me senti humilhado quando o valor do bitcoin caiu 50%. De casa de barcos a banheiro externo. De caviar a macarrão de ramen. Foi brutal. […]
Converter uma imagem em escala de cinza com o ImageMagickConverter uma imagem em escala de cinza com o ImageMagick
Há alguns anos, comprei uma câmera DSLR com vários efeitos de filtro incorporados e valeu cada centavo. Tirei algumas fotos incríveis em Londres, Paris e Jamaica, e tirei algumas fotos realmente especiais do meu filho durante seus primeiros anos de vida. E muitas das minhas fotos favoritas foram tiradas com o filtro de […]
Google Art Project – Extensão do ChromeGoogle Art Project – Extensão do Chrome
À medida que minha carreira avança, vejo mais aplicativos e serviços que tentam invadir meu espaço. Notificações, e-mails, alertas… todos querem um pouco de mim. E vou ser sincero com o senhor: eles me deixam louco. Quero ter o mínimo possível de interrupções e quero que as interações com a Web que tenho sejam agradáveis. […]
Medição de desempenhoMedição de desempenho
Os clientes se preocupam muito com o desempenho da Web e dependem de nós para articular e medir o desempenho de seus sites. Se o senhor tiver um contrato de nível de serviço (SLA) com seu cliente, e o senhor deve fazer isso, então aprender a medir as principais métricas é fundamental para o senhor […]
Qards: Como criar um site incrível com fundos de vídeoQards: Como criar um site incrível com fundos de vídeo
Um vídeo nada mais é do que uma “imagem em movimento”. Para alguém, um vídeo pode representar a essência de memórias enriquecedoras da infância; para outro, pode ser um instrumento de relações públicas e vendas para mostrar o mais recente dispositivo inteligente do mercado. Não importa qual seja a história por trás das cenas, uma […]
Arquivo APIArquivo API
Trabalhar com uploads de arquivos, especialmente no front end, sempre foi um incômodo. Não costumávamos ser capazes de arrastar e soltar arquivos, uploads AJAX completos, fornecimento de vários arquivos e, diabos, não podíamos obter nenhuma informação sobre o arquivo até que ele chegasse ao servidor; o senhor precisaria fazer o upload do maldito arquivo antes […]
API do MutationObserverAPI do MutationObserver
Um dos meus truques favoritos da Web foi usar CSS e JavaScript para detectar a inserção e a remoção de um nó do DOM, detalhado em Detectar inserções de nós do DOM com JavaScript e animações de CSS. A técnica e a publicação no blog foram publicadas em uma época em que não tínhamos uma […]
Elemento matches / matchesSelectorElemento matches / matchesSelector
Recentemente, estive pensando sobre elementos e seletores HTML. Normalmente, começamos procurando por um elemento(s) por meio de querySelector/querySelectorAllO que faz sentido, mas e se o senhor quiser validar se um elemento que não foi especificamente selecionado corresponde a um determinado seletor? Por exemplo, digamos que o senhor tenha uma função que pressuponha a presença de […]