Trabalhar no Firefox DevTools sempre foi um sonho meu, principalmente porque parece ser a melhor maneira de retribuir à comunidade de desenvolvimento e àqueles que me ajudaram a ter sucesso. E quando eu explico quem é a Mozilla e as pessoas perguntam “Ah, então o senhor trabalha no Firefox?!”, finalmente posso dizer “sim”!
É claro que trabalhar com o Firefox DevTools tem seus problemas, sendo o maior deles o fato de que o Firefox leva uma eternidade para ser construído. E seu efeito na CPU de um MacBook Pro? Bem… aqui está uma foto recente minha construindo o Firefox:
Felizmente, há uma maneira mais rápida de criar o Firefox para o desenvolvedor local: compilações de artefatos. As compilações de artefatos permitem que o senhor use binários pré-criados para compilar o Firefox para depurar DevTools (e outros recursos) muito mais rapidamente.
Comece criando um mozconfig com o seguinte conteúdo:
# Automatically download and use compiled C++ components: ac_add_options --enable-artifact-builds # Write build artifacts to: mk_add_options MOZ_OBJDIR=./objdir-frontend
O acionamento de uma compilação usando mach:
./mach clobber && ./mach build # Use `./mach build faster` in the future
As compilações do Firefox passaram de uma hora (e potencialmente uma ligação para o Corpo de Bombeiros) para apenas alguns minutos. Se quiser ajudar a desenvolver o DevTools, o Firefox ou simplesmente ter sua própria compilação personalizada do Firefox, participe das compilações de artefatos. mozconfig valem o tempo gasto!
CSS @supports
A detecção de recursos via JavaScript é uma prática recomendada do lado do cliente e por todos os motivos certos, mas, infelizmente, essa mesma funcionalidade não está disponível no CSS. O que acabamos fazendo é repetir as mesmas propriedades várias vezes com cada prefixo de navegador. Que nojo. Outra coisa que…
API de visibilidade de página
Um evento que sempre faltou no documento é um sinal de quando o usuário está olhando para uma determinada guia ou para outra guia. Quando o usuário sai do nosso site para ver outra coisa? Quando ele volta?
-
Troca de posição de elementos usando o MooTools 1.2
Todos nós sabemos que o MooTools 1.2 pode fazer algumas animações incríveis. E se quisermos fazer com que dois elementos troquem de posição rapidamente sem muita complicação? Agora é possível implementar o método swap() do MooTools. MooTools 1.2 Implementation MooTools 1.2 Usage Para chamar o método swap(), o senhor…