Ao analisar as Core Web Vitals de usuários reais, a T-Mobile percebeu que as melhorias nas Core Web Vitals podem afetar significativamente a experiência do usuário e as métricas comerciais.

Como a RUMvision incorporou informações de referência aos dados da RUM.

Saiba como a Ray-Ban melhorou o LCP usando a API Speculation Rules e como isso melhorou a performance comercial da plataforma de e-commerce da empresa.

A QuintoAndar melhorou significativamente a performance na Web, reduzindo a Interaction to Next Paint (INP) em 80%, o que levou a um aumento de 36% nas conversões year over year.

Este estudo de caso explica os benefícios da adoção de consultas de contêiner na Netflix.

Descubra como a Tóquiu, uma empresa ferroviária do Japão, conseguiu fazer login 12 vezes mais rápido com chaves de acesso, ajudando milhares de pessoas todos os dias.

Os cálculos no Planilhas Google eram inicialmente feitos no servidor, depois no cliente em JavaScript e agora no cliente na coleta de lixo do WebAssembly. Este estudo de caso explica como e por quê.

Este estudo de caso descreve como a equipe do Google Meet melhorou as permissões e o impacto disso nos usuários. a satisfação dos clientes.

Saiba como a Web viabilizou experiências 3D imersivas para ajudar os clientes a entender e conhecer os produtos físicos.

Descubra como o Disney+ Hotstar, um aplicativo para smart TVs e conversores, aumentou significativamente o envolvimento dos espectadores com os esforços para reduzir o INP.

Saiba como a Web viabilizou experiências 3D imersivas para ajudar os clientes a entender e conhecer os produtos físicos.

Como a plataforma de gestão de consentimento da PubTech's reduziu o INP nos sites dos clientes em até 64% e aumentou a visibilidade dos anúncios em até 1,5%

Nos últimos dois anos, a equipe de engenharia da Goodnotes tem trabalhado em um projeto para levar o bem-sucedido aplicativo de anotações para iPad a outras plataformas. Este estudo de caso mostra como o app do ano para iPad de 2022 chegou à Web, ao ChromeOS, ao Android e ao Windows com tecnologia da Web e o WebAssembly reutilizando o mesmo código Swift em que a equipe trabalha há mais de dez anos.

Como o provedor de recomendações de conteúdo Taboola usou o LoAF para melhorar o INP em até 36% para os sites parceiros editores.

Como um dos apps de edição de vídeo mais conhecidos disponíveis para dispositivos móveis criou uma versão da Web totalmente funcional.

O pixiv é um serviço de comunidade on-line para ilustradores e entusiastas de ilustração se comunicarem entre si por meio do conteúdo. Ele permite que as pessoas postem as próprias ilustrações. A plataforma tem mais de 84 milhões de usuários em todo

Esta postagem descreve como a Mitra Tokopedia reduziu os custos operacionais ao melhorar o app da Web do vendedor usando o machine learning.

Este estudo de caso descreve um fluxo de trabalho passo a passo de depuração e melhoria de INP no React usado pela Trendyol aproveitando ferramentas do Google como PageSpeed Insights (PSI), Chrome DevTools e a API scheduler.yield.

Este estudo de caso explora como a Kiwix, uma organização sem fins lucrativos, usa a tecnologia Progressive Web App e a API File System Access para permitir que os usuários façam o download e armazenem grandes arquivos da Internet para uso off-line.

Saiba mais sobre o Yahoo! Japan para melhorar a adoção de chaves de acesso e a experiência do usuário.

A pré-busca é uma técnica usada para acelerar o carregamento de página baixando recursos ou até mesmo páginas inteiras que provavelmente serão necessárias em um futuro próximo. Pesquisas demonstram que tempos de carregamento mais rápidos resultam em taxas de conversão mais altas e melhores experiências do usuário.

A autenticação sem senha do Yahoo! JAPAN News, uma das plataformas de notícias mais famosas do Japão, fez um esforço conjunto para melhorar a taxa de acerto do bfcache e conseguiu uma experiência do usuário significativa e melhorias nos negócios como resultado. Especificamente, os resultados do teste A/B mostraram que as páginas que usam o bfcache tiveram um aumento de 9% na receita de publicidade.

Reduzir o TBT em 30 vezes e migrar para o Next.js ajudou o The Ecomonic Times a reduzir o INP quase quatro vezes, levando a uma redução de 50% na taxa de rejeição e um aumento de 43% nas visualizações de página.

As otimizações de INP ajudaram a redBus a aumentar as vendas em cerca de 7%

Descubra o potencial do WebGL com o cenário infinito gerado proceduralmente deste jogo de corrida casual. Slow Roads é um jogo de direção casual com ênfase em cenários gerados proceduralmente, tudo hospedado no navegador como um aplicativo WebGL.

Esta é a Parte 1 da nossa nova série sobre como melhorar o YouTube na Web.

Ao medir as Métricas da Web de usuários reais, a Rakuten 24 também descobriu que uma boa Maior exibição de conteúdo (LCP) pode levar a um aumento de 61,13% na taxa de conversão.

Um estudo de caso das alterações que o GoDaddy implementou para melhorar o desempenho de milhões de sites, ajudando a alcançar boas pontuações no PageSpeed Insights e nas Principais métricas da Web.

Como o investimento da varejista de luxo Farfetch para melhorar as Principais métricas da Web levou a melhores resultados de negócios.

A autenticação sem senha do Yahoo! Japan a ter um sistema de identidade sem senha. Aprenda a abordagem e as consequências do esforço.

Um estudo de caso que mede o impacto total e os benefícios de pontuações altas de desempenho nas Principais métricas da Web.

Os Progressive Web Apps aproveitam o que a Web moderna pode fazer. A Adobe usou o Workbox para levar esses recursos ao Adobe Experience Manager.

Saiba como o PWA da MishiPay aumenta as transações em 10 vezes e economiza 2,5 anos de filas.

A otimização das Principais métricas da Web no site do The Economic Times melhorou significativamente a experiência do usuário e reduziu substancialmente a taxa de rejeição em todo o site.

Neste artigo, vamos analisar a jornada da Terra, desde a identificação do tamanho da coorte no "modo escuro", a aplicação de um tema escuro personalizado e a medição do impacto dessa implementação nos principais KPIs.

Um projeto com foco na otimização das Principais métricas da Web e na migração para o Next.js resultou em um aumento de 5% nas taxas de conversão e de 87% nas páginas por sessão.

Empresas como a Kapwing permitem criar todo esse conteúdo de vídeo na Web usando APIs poderosas (como IndexedDB e WebCodecs) e ferramentas de performance.

Converta imagens de bitmap coloridas ou monocromáticas (PNG, JPG, JPEG, WEBP, AVIF, GIF,...) em imagens vetoriais monocromáticas ou coloridas (SVG).

Vários meses de trabalho para melhorar as Principais métricas da Web na página inicial do Mail.ru resultaram em um aumento de 60% no 75o percentil na Mudança de layout cumulativa (CLS), impulsionando o tempo médio da sessão em 2,7% e as taxas de conversão dessas seções em mais de 10%.

Esta postagem explica como a Renault e 55 parceiros de dados globais abordaram a medição e otimização das Principais métricas da Web. A equipe analisou dados de 10 milhões de visitas às páginas de destino, encontrou uma forte correlação entre a Maior exibição de conteúdo e as conversões e dobrou o esforço de otimização. Vamos analisar esses pontos de dados e entender como as equipes se organizaram para as otimizações.

Este estudo de caso explica como a equipe da Swappie aumentou as conversões e a receita otimizando o app da Web para as Principais métricas da Web.

Neste artigo, mostraremos exemplos de empresas que já tiveram impacto positivo para os usuários e os negócios e entender como as Principais métricas da Web se relacionam com as principais métricas de negócios.

Saiba como a empresa de notícias alemã Netzwelt otimizou as Principais métricas da Web para melhorar a experiência do usuário e as receitas de publicidade.

Como a Blibli reduziu a taxa de rejeição em 42%, aumentou em 8 vezes a taxa de conversão em dispositivos móveis e aumentou em 2, 5 vezes o número de páginas por sessão.

Como o Telegraph, o principal site de notícias do Reino Unido, conseguiu melhorar a CLS no 75o percentil em 250% de 0,25 para 0,1 em alguns meses.

O novo PWA também tem um tempo médio de carregamento 30% mais rápido do que o site antigo e tem uma taxa de rejeição melhor em 12% e uma profundidade de sessão 18%.

A Mainline Menswear implementa um Progressive Web App (PWA) e tem um aumento de 55% na taxa de conversão para usuários que instalaram o app com recursos de armazenamento em cache e off-line.

A equipe da Web da Zalando descobriu que a integração do Lighthouse CI permitiu uma abordagem proativa de desempenho, com verificações de status automatizadas capazes de comparar a confirmação atual com a ramificação principal para evitar regressões de desempenho.

Ao criar um sistema automatizado de teste e monitoramento de desempenho, a Equipe de velocidade do site da Lowe's testa as solicitações pull em relação aos orçamentos de desempenho e evita regressões de desempenho na produção.

Ao executar um teste A/B especificamente focado na otimização das Métricas da Web, a Vodafone descobriu que uma melhoria de 31% no LCP levou a um aumento de 8% nas vendas, uma melhoria de 15% na taxa de visitas de leads e de 11% no carrinho de visitas.

Um estudo de caso sobre algumas mudanças importantes introduzidas no Wix para melhorar o desempenho de carregamento de milhões de sites, limpando o caminho para que eles recebam boas pontuações do PageSpeed Insights e das Principais métricas da Web.

Usando o Search Console e o Lighthouse para monitorar as Principais métricas da Web, eles descobriram oportunidades de otimizar a pontuação de CLS em 0,2, o que levou a um aumento de 15% nas visualizações de página por sessão, uma duração da sessão 13% mais longa e uma queda de 1,72 ponto percentual na taxa de rejeição.

Saiba como a Agrofy melhorou a taxa de desativação de carga ao focar nas Principais métricas da Web.

O Excalidraw é uma lousa colaborativa virtual que permite esboçar diagramas com facilidade, parecerem desenhados à mão. No projeto Excalidraw, decidimos descontinuar o Excalidraw Desktop, um wrapper Electron para o Excalidraw, em favor da versão da Web que você pode (e sempre pode) encontrar em excalidraw.com. Após uma análise cuidadosa, decidimos que o Progressive Web App (PWA) é o futuro que queremos desenvolver.

Os usuários dos PWAs também são 24% mais ativos do que todos os outros tipos de instalação, se tornam usuários recorrentes 31% mais do que todas as outras plataformas e muito mais.

Como PWAs, WebAssembly e ChromeOS ajudam um editor de vídeos baseado na Web a melhorar o desempenho e a experiência para 12 milhões de usuários.

Como a JD.ID aumentou a taxa de conversão geral em dispositivos móveis (mCVR) em 53%, a mCVR para usuários instalados em 200% e os usuários ativos por dia em 26%.

Possibilitar a instalação do app da Web resultou em aumento do tráfego, retenção de visitantes, vendas por cliente e conversões.

Usando ferramentas como o PageSpeed Insights , web.dev/measure e WebPageTest, a equipe da NDTV analisou as áreas de melhoria em potencial e investiu nas Principais métricas da Web para alcançar o sucesso nos negócios.

Criar um painel de desempenho na Web e otimizar o JavaScript, os recursos e a página inicial para alcançar o sucesso nos negócios.

Saiba como a ZDF criou um Progressive Web App (PWA) com recursos modernos, como suporte off-line, facilidade de instalação e modo escuro.

Saiba como a Goibibo, a maior empresa de viagens on-line da Índia, conseguiu um aumento de 60% nas conversões ao criar experiências do usuário confiáveis entre os apps PWA e iOS/Android.

Resumo do trabalho feito pela equipe de arquitetura de front-end do Mercado Livre para otimizar a FID, usando o TBT como uma métrica de proxy.

Uma melhoria de 0,1 segundo nas métricas de 4 velocidade pode melhorar as taxas de progressão em todo o funil de compra.

Estudo de caso das experiências do site de culinária BettyCrocker.com com a implementação da API Wake Lock.

Neste estudo de caso, explicamos como o Google melhorou as principais métricas de negócios de anúncios otimizando a performance do script de anúncios de terceiros com o recurso obsoleto durante a revalidação.

Este estudo de caso explica como o eBay aumentou as principais métricas de negócios otimizando o desempenho das experiências na Web e no app.

Como uma startup de hotelaria criou um app Android que depende do conteúdo da Web para aumentar muito o engajamento do usuário e manter o tamanho do arquivo baixo.

Como a equipe do AirSHIFT usou virtualização de tabelas, dados RUM, carregamento lento, Web workers, orçamentos de desempenho e hackathons para otimizar o desempenho do ambiente de execução do app React.

Este estudo de caso explica como a equipe da Truebil aumentou as conversões e o engajamento otimizando o app da Web para velocidade e confiabilidade.

Saiba como a equipe da OpenSooq usou as práticas recomendadas para criar um Progressive Web App de mercado confiável e atraente.

Melhorar o acesso do Google Earth entre navegadores com o WebAssembly

Pesquise praticamente qualquer assunto no Google e você vai encontrar uma página de resultados relevantes e significativos. O que você provavelmente não percebeu é que essa página de resultados de pesquisa pode ser atendida por uma poderosa tecnologia da Web chamada de service worker.

Com um histórico de publicações de mais de 140 anos, Nikkei é uma das empresas de mídia mais confiáveis do Japão. Para melhorar a experiência do usuário e acelerar os negócios na Web, a Nikkei lançou um Progressive Web App em novembro de 2017 e está tendo resultados incríveis com a nova plataforma.

George.com é uma marca líder de roupas no Reino Unido, parte da ASDA Walmart. Depois de fazer upgrade do site para um Progressive Web App (PWA), a marca teve um aumento de 31% na conversão em dispositivos móveis. Com as expectativas dos consumidores

A BookMyShow é a maior empresa de venda de ingressos da Índia, com 50 milhões de visitantes mensais. Eles desenvolveram uma versão aprimorada do site móvel usando um Progressive Web App (PWA), otimizando a velocidade e removendo restrições de dados, o que resultou em um aumento de 80% nas conversões.

A Ele.me é a maior empresa de entrega e pedidos de comida na China continental. A empresa criou o Progressive Web App (PWA) como um app de várias páginas para melhorar a experiência na Web para dispositivos móveis, tornando-o mais rápido e confiável em conexões lentas, ao mesmo tempo em que acomoda as necessidades operacionais para atender melhor os clientes.

Dance Tonite é uma colaboração de realidade virtual que está sempre mudando com a banda LCD Soundsystem. Criado com a WebVR, o projeto funciona em várias plataformas (com e sem RV), oferecendo aos usuários um papel diferente na experiência, dependendo do dispositivo. As decisões criativas e as técnicas avançadas de otimização dos criadores do projeto Jonathan Puckey, da Moniker e da Equipe de artes de dados do Google permitiram um desempenho de alta qualidade (cerca de 60 QPS para 3DoF e 90 QPS para 6DoF) e uma experiência do usuário atraente em todas as plataformas usando uma única base de código.

A Ola é a principal agregadora de táxis na Índia, com a missão incansável de impulsionar a mobilidade de um bilhão de indianos. A empresa alcança mais de 100 cidades indianas com uma rede de cerca de 600 mil motoristas parceiros. Como uma das

Após o lançamento de um Progressive Web App, a taxa de conversão da MakeMyTrip.com na Web para dispositivos móveis triplicou, e a velocidade de carregamento da página aumentou em 38%.

0h h1 é um jogo divertido e viciante que funciona bem em dispositivos móveis. Sempre amei as possibilidades infinitas da tecnologia da Web e me considero sortudo por tê-la adotado há tantos anos, porque nos últimos anos houve melhorias incríveis que

A Infobae aproveitou o service worker para oferecer um desempenho confiável em redes não confiáveis. O melhor PWA da empresa conseguiu uma pontuação de desempenho de 93/100 no Lighthouse, uma ferramenta automatizada para medir a qualidade da página da Web.

O tráfego para o PWA do Jumia superou o do app nativo em mais de 12 vezes e ainda está crescendo. O Jumia também teve uma queda de 50% na taxa de rejeição

Para gerar tráfego e reengajamento, a marca de cosméticos de luxo Lancôme lançou um Progressive Web App (PWA) para oferecer uma experiência rápida e semelhante a um app na Web para dispositivos móveis

Todos os meses, a Mynet oferece mais de 34 milhões de visitantes ao site com conteúdo e serviços de notícias, vídeos, jogos, financeiros, informativos e de entretenimento. Depois de lançar um Progressive Web App (PWA) que usa Accelerated Mobile Pages

Para a OLX, a criação de um Progressive Web App aumentou o engajamento em 250% e reduziu o tempo de interação da página em 23%

O Progressive Web App do Twitter Lite combina o melhor da Web moderna e dos recursos nativos para oferecer uma experiência mais robusta, com metas explícitas de carregamento instantâneo, engajamento do usuário e menor consumo de dados

A Voot.com lançou seu Progressive Web App na Índia. Alguns dias após a implementação, o tempo da sessão por usuário aumentou em 39% e as visualizações diárias por usuário em 15%. O Voot é um dos principais produtos de vídeo sob demanda da Índia,

Acessar o site O Siga o Papai Noel foi rapidamente atualizado para um Progressive Web App off-line nas festas de fim de ano de 2016, em parte graças ao nosso design de cenário atual. O Siga o Papai Noel é uma tradição de fim de ano aqui no

Ver o site Ao adicionar compatibilidade com a WebVR, a Matterport facilita a exploração de lugares do mundo real em uma realidade virtual imersiva. Sem apps para download, a WebVR reduzirá as desistências e permitirá que os parceiros retenham o

Confira o documentário A WebVR é uma API integrada a navegadores que combina renderização estéreo com rastreamento da cabeça em tempo real, possibilitando uma maneira rápida e fácil de aproveitar o conteúdo de RV on-line. Com a WebVR, os criadores de

Ela tem uma plataforma para contar histórias em realidade virtual em qualquer lugar, incluindo a Web. Aproveitando a WebVR, os espectadores podem acessar um site, clicar em um link e assistir imediatamente os filmes da material em realidade virtual imersiva, incluindo telas de última geração. Durante o processo de desenvolvimento, a equipe descobriu que renderizar texto é difícil nesse novo ambiente e criou um exemplo com sombreadores para facilitar o processo.

Confira o laboratório Os designers de sites estão familiarizados com a ideia de design responsivo, criando um site para funcionar em diferentes dispositivos, como celulares, tablets e computadores, além de diferentes resoluções de tela e proporções

O Land Lines é um experimento que permite explorar imagens de satélite do Google Earth por gestos. Usando uma combinação de aprendizado de máquina, algoritmos otimizados e capacidade da placa de vídeo, o experimento pode ser executado de forma eficiente no navegador da Web do seu smartphone sem a necessidade de servidores de back-end. Esta é uma análise do nosso processo de desenvolvimento e das várias abordagens que tentamos nos levar ao resultado final.

A Carnival Cruise Line oferece um serviço de comunicação personalizado e envolvente para seus clientes com notificações push. Faça o download do estudo de caso em PDF A Carnival Cruise Line, uma das maiores empresas de viagens de lazer do mundo,

A The Weather Company, uma IBM Business, atende em média 40 bilhões de solicitações de previsão todos os dias, ajudando as pessoas a planejar suas vidas diárias e tomar melhores decisões com base no clima.

Faça o download do estudo de caso em PDF O Guardian News & Media (GNM) publica o theguardian.com (em inglês), um dos maiores sites de notícias com qualidade em inglês do mundo. Desde o lançamento das edições digitais dos EUA e da Austrália em

Faça o download do estudo de caso em PDF Lançado em abril de 2010, o AliExpress é um mercado de varejo global voltado a consumidores em todo o mundo. Ela permite que consumidores de todo o mundo comprem diretamente de atacadistas e fabricantes da

Faça o download do estudo de caso em PDF A Housing.com é uma das principais startups da Índia. A caminho de receber 50 milhões de visitas este ano, ela se tornou uma das principais plataformas imobiliárias on-line na Índia. Depois de criar o Housing

Como medir o impacto do desempenho no mundo real dos service workers

AMP ajuda o Washington Post a aumentar o número de usuários recorrentes da pesquisa em dispositivos móveis em 23% Faça o download do estudo de caso em PDF Com quase 55% do tráfego proveniente de dispositivos móveis, o The Washington Post sabe que

Como criar o PWA do Google I/O 2016 usando componentes da Web

A United eXtra Electronics aumenta as vendas de e-commerce em 100% com as notificações push da Web Faça o download do estudo de caso em PDF A eXtra é a maior varejista de eletrônicos e eletrodomésticos da Arábia Saudita com o crescimento mais rápido.

As notificações push ajudam o Jumia a reverter o abandono do carrinho e aumentar 9 vezes as conversões Faça o download do estudo de caso em PDF A Jumia é um dos principais sites de comércio eletrônico na África. A maioria dos clientes usa

O Progressive Web App da BaBe para vários navegadores rivaliza com o desempenho do aplicativo nativo. Faça o download do estudo de caso em PDF Lançado em 2013, o BaBe é o maior app agregador de notícias da Indonésia. Ele já foi salvo por mais de um

Konga reduz o uso de dados em 92% com o novo Progressive Web App Faça o download do estudo de caso em PDF Lançada em 2012, a Konga é um site líder de comércio eletrônico na Nigéria, vendendo de tudo, de livros a geladeiras e celulares. Os

A 5miles diminui a taxa de rejeição em 50% e aumenta as conversões em 60% com o novo Progressive Web App Faça o download do estudo de caso em PDF "Venda o que você tem e compre o que quiser!" é o lema da 8 milhas, um mercado para dispositivos móveis

O principal site imobiliário do Japão turbina novas listagens com notificações push na Web e tem uma taxa de abertura de 31% nas notificações. Faça o download do estudo de caso em PDF A SUUMO é o principal site imobiliário do Japão, atendendo a quase

Seis artistas foram convidados a pintar, projetar e esculpir em RV.

Net-A-Porter economiza tempo de desenvolvimento com a biblioteca Polymer do Google A NET-A-PORTER implementou um design baseado em componentes nas propriedades on-line usando a biblioteca Polymer do Google. O resultado foi uma grande economia de

Em 2015, a Flipkart, o maior site de comércio eletrônico da Índia, adotou uma estratégia apenas para aplicativos e encerrou temporariamente o site móvel. A empresa descobriu que era cada vez mais difícil fornecer uma experiência do usuário tão rápida e envolvente quanto a do app para dispositivos móveis. No entanto, depois, a Flipkart decidiu repensar a abordagem de desenvolvimento. Eles foram atraídos de volta para a Web para dispositivos móveis pela introdução de recursos que fizeram a Web para dispositivos móveis funcionar instantaneamente, trabalhar off-line e reengajar os usuários.

Como configurar um projeto WebGL com QPS alto com o Polymer.

Atingimos nosso objetivo de nunca fazer o download de mais de 60 mil HTML, 60 mil JavaScript e 60 mil CSS por vez.

A Beyond the Rack reengaja os usuários na Web para dispositivos móveis, aumentando a receita por visita em 26% com as notificações push.

O AirHorner é um Progressive Web App simples, mas poderoso, que mostra o poder dos service workers e da API Web Audio para oferecer a você sua própria buzina de ar. Use-o para irritar amigos ou colegas de trabalho, não importa se você está on-line, off-line ou em uma rede 2G instável.

Saiba como usamos bibliotecas de worker de serviço para tornar o app da Web do Google I/O 2015 rápido e com foco no modo off-line. O app da Web do Google I/O 2015 deste ano foi escrito pela equipe de relações com desenvolvedores do Google com base em

Biblioteca Hummingbird: um front-end incrivelmente novo para o Hummingbird, um site famoso de descoberta e relógio de animes. Fãs de anime (como eu, a contagem de visualizações na captura de tela é real) são obcecados por monitorar o que assistem. Os

Madeon Adventure Machine é uma promoção inteligente para o novo álbum do Madeon, uma bateria divertida. O Adventure Machine é um app muito simples, mas faz seu trabalho muito bem. Utilizando o Web Audio e, opcionalmente, o Web Midi (sim, você pode

O Adsy.me é uma maneira muito rápida e fácil de criar microsites para dispositivos móveis. O Adsy.me é uma ferramenta que permite a qualquer pessoa criar um site móvel (micro) e eles ganharam minha confiança imediatamente ao comer seu próprio

Little Alchem: um jogo de combinação divertido e compatível com dispositivos móveis inspirado no irmão mais velho, Alchemy. O Little Alchemy é um exemplo perfeito de como usar todos os recursos mais recentes da plataforma da Web. Ele usa o manifesto

Hacker News Reader: um leitor otimizado incrível para a Hacker News. Uma experiência de leitura bonita e altamente otimizada para a Hacker News, esse app funciona bem e tem uma ótima aparência em dispositivos móveis, tablets e computadores. Ele é

O site do Chrome Dev Summit 2014 foi desenvolvido internamente pelo nosso próprio Paul Lewis, e o site do CDS mostrou como criar uma ótima experiência da Web para dispositivos móveis para visitantes da conferência.

Merry Pixmas: diversão de Natal com transformações do CSS em 3D. Uma boa demonstração com tema de Natal que funciona bem em computadores e dispositivos móveis. Ele também oferece suporte a novas cores de tema e um manifesto da Web para uma

SVGOMG: um front-end responsivo bonito e material para SVGO. Criado pelo nosso Jake Archibald, o SVGOMG é um exemplo quase perfeito de uma ferramenta totalmente responsiva e capaz, criada com tecnologias da Web. Ele tem um visual bonito do Material

Filtros da Web: filtros de câmera rápidos, rápidos e sujos. Um app de câmera incrível baseado na Web que permite aplicar filtros em tempo real. A imagem é salva automaticamente no dispositivo local, o que significa que ela geralmente é sincronizada

Como adicionar a jogabilidade do WebRTC à experiência do Hobbit A tempo para o novo filme do Hobbit "O Hobbit: A Batalha dos Cinco Exércitos", trabalhamos para ampliar o experimento do Google Chrome do ano passado, Uma Viagem pela Terra-média, com

Como levar os blocos LEGO® para a Web multidispositivo O Build with Chrome, um experimento divertido para usuários do Chrome para computador lançado originalmente na Austrália, foi relançado em 2014 com disponibilidade global, parcerias com o filme O

Um tutorial de desenvolvimento multidispositivo No nosso primeiro artigo sobre o desenvolvimento do Experimento do Chrome Viagem pela Terra-média, nos concentramos no desenvolvimento do WebGL para dispositivos móveis. Neste artigo, discutimos os

Como dar vida à Terra-média com o WebGL para dispositivos móveis Historicamente, trazer experiências interativas, baseadas na Web e com muitos recursos multimídia para dispositivos móveis e tablets tem sido um desafio. As principais restrições foram

O Racer é um experimento do Chrome para dispositivos móveis baseado na Web desenvolvido pela Active Theory. Até cinco amigos podem conectar os smartphones ou tablets para competir em todas as telas. Com o conceito, o design e o protótipo do Google

O Racer é um experimento do Chrome para vários jogadores e dispositivos. Um jogo de corrida de carros retrô em várias telas. Em smartphones ou tablets Android ou iOS. Qualquer pessoa pode participar. Nenhum app. Nenhum download. Somente a Web para

World Wide Maze é um jogo em que você usa seu smartphone para guiar uma bola por labirintos 3D criados a partir de sites para tentar alcançar os pontos de meta. O jogo usa muitos recursos de HTML5. Por exemplo, o evento DeviceOrientation recupera

Roll It é um experimento do Chrome que recria um jogo clássico de tabuleiro usando apenas o navegador no smartphone e no computador. O navegador do smartphone permite mirar e rolar a bola com um movimento do pulso, enquanto o navegador do computador

Usar as ferramentas do CSS e do layout do navegador pode permitir visualizações incríveis para o conteúdo da Web. O uso de recursos da Web, como filtros CSS, WebGL, vídeo HTML5, SVG, canvas e tecnologias futuras em evolução, como regiões CSS, formas

No verão de 2010, criamos o Sand Trap, um jogo que inscrevemos em uma competição de jogos HTML5 para smartphones. No entanto, a maioria dos smartphones mostrava apenas parte do jogo ou o tornava muito pequeno, o que tornava impossível jogar. Por

Para despertar o interesse dos desenvolvedores no site da Google I/O 2013 antes da abertura das inscrições para a conferência, desenvolvemos uma série de experimentos e jogos com foco em dispositivos móveis, com foco em interações por toque, áudio

"Find Your Way to Oz" é um novo experimento do Google Chrome que a Disney trouxe para a Web. Ele permite que você faça uma viagem interativa por um circo do Kansas, que leva você à Terra de Oz depois que você é levado por uma tempestade enorme. Nosso

Como fizemos a interface ser incrível O JAM with Chrome é um projeto musical criado pelo Google. O JAM with Chrome permite que pessoas de todo o mundo formem uma banda e JAM em tempo real no navegador. O DinahMoe ultrapassou os limites do que era

Olá! Meu nome é Michael Chang, e trabalho com a equipe de artes de dados do Google. Recentemente, concluímos o 100.000 Stars, um Chrome Experiment que mostra estrelas próximas. O projeto foi criado com THREE.js e CSS3D. Neste estudo de caso, vou

Como fizemos o áudio ser incrível O JAM with Chrome é um projeto musical criado pelo Google. O JAM with Chrome permite que pessoas de todo o mundo formem uma banda e toquem em tempo real no navegador. Nós, da DinahMoe, tivemos o prazer de participar

Movi.Kanti.Revo é um novo experimento sensorial do Chrome criado pelo Cirque du Soleil e desenvolvido pela Subatomic Systems, que traz a magia do Cirque du Soleil para a Web usando tecnologias modernas da Web. O experimento foi criado usando apenas

No verão passado, trabalhei como líder técnico em um jogo comercial da WebGL chamado SONAR. O projeto levou cerca de três meses para ser concluído e foi feito do zero em JavaScript. Durante o desenvolvimento do SONAR, tivemos que encontrar soluções

O Technitone.com é uma fusão de WebGL, Canvas, Web Sockets, CSS3, Javascript, Flash e a nova API Web Audio no Chrome. Este artigo aborda todos os aspectos da produção: o plano, o servidor, os sons, os recursos visuais e alguns dos fluxos de trabalho

Depois de publicar o Bouncy Mouse para iOS e Android no final do ano passado, aprendi algumas lições muito importantes. O principal deles é que é difícil entrar em um mercado já estabelecido. No mercado de iPhones, que é totalmente saturado, foi

O MathBoard no iPad, um aplicativo da PalaSoftware, é um aplicativo altamente refinado com muitas animações sutis, mas naturais, e uma aparência realista única. O objetivo era fazer a porta de maior fidelidade do aplicativo para iPad em HTML5. A

A página inicial do Google é um ambiente fascinante para programar. Ela tem muitas restrições desafiadoras: foco particular na velocidade e latência, ter que atender a todos os tipos de navegadores e trabalho em várias circunstâncias e... sim,

Com WebSockets e EventSource, o HTML5 permite que os desenvolvedores criem apps da Web que se comuniquem em tempo real com um servidor. O Stream Congress (disponível na Chrome Web Store ) oferece atualizações ao vivo sobre o funcionamento do

Quando convertemos nosso jogo de palavras cruzadas Wordico do Flash para HTML5, nossa primeira tarefa foi esquecer tudo o que sabíamos sobre a criação de uma experiência de usuário rica no navegador. Enquanto o Flash oferecia uma API única e

Em junho de 2010, soubemos que a publicação local "zine" Boing Boing estava fazendo uma competição de desenvolvimento de jogos. Isso foi uma ótima desculpa para criar um jogo rápido e simples em JavaScript e <canvas>, então começamos a

Em 2010, o F-i.com e a equipe do Google Chrome colaboraram em um app da Web educacional baseado em HTML5 chamado 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ). Uma das principais ideias por trás desse projeto era que ele

Na primavera do ano passado (2010), me interessei pelo suporte cada vez maior para HTML5 e tecnologias relacionadas. Na época, um amigo e eu estávamos nos desafiando em competições de desenvolvimento de jogos de duas semanas para aperfeiçoar nossas

Em 7 de agosto de 2010, o deviantART comemorou seu 10º aniversário. Para comemorar, lançamos uma ferramenta de desenho em HTML5 chamada deviantART muro. A ferramenta pode ser usada como um aplicativo da Web independente e como uma ferramenta de

O recurso de arrastar e soltar (DnD, na sigla em inglês) é um dos muitos recursos excelentes do HTML 5 e é compatível com o Firefox 3.5, o Safari, o Chrome e o IE. Recentemente, o Google lançou um novo recurso que permite que os usuários do Google

Using the Media Capabilities API lets you better target video codecs, frame rates, and resolutions based on the capabilities of your users' devices.

Forbes is re-defining modern web development with Progressive Web App technology.

There's a new way to deliver amazing user experiences on the web. Travel company Wego has built a successful AMP based Progressive Web App (PWA).

Alibaba.com is the world’s largest online business-to-business (B2B) trading platform, serving 200+ countries and regions. After upgrading their site to a Progressive Web App (PWA), they saw a 76 percent increase in total conversions across browsers.

AliExpress increases conversion rate for new users by 104% with new Progressive Web App Download PDF Case study "Smarter shopping, better living!" is the motto of AliExpress, a website where shoppers can buy everything from baby clothes to