O Object foi aprimorado com métodos úteis nos últimos anos. Object.keys, Object.values, Object.freeze, e Object.assign todos abordam funcionalidades frequentemente desejadas. Um dos novos Object métodos é o fromEntriesque aceita um aninhamento de matriz do tipo Map ou map e o converte em um literal de objeto útil! Converter mapa em objeto […]
Day: April 9, 2024
Script & Style Show: Episódio 26: Web Games with ExcaliburJS com Erik Onarheim e Kamran AyubScript & Style Show: Episódio 26: Web Games with ExcaliburJS com Erik Onarheim e Kamran Ayub
CSS @suporte 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…
Script & Style Show: Episódio 28: “Get Off My Lawn” e outras histórias sobre software com Eric BrandesScript & Style Show: Episódio 28: “Get Off My Lawn” e outras histórias sobre software com Eric Brandes
Neste episódio: Todd e David começam a conversa falando sobre telefones celulares, Android e os bons e velhos tempos do Windows XP e da pirataria. O colega de Todd, Eric Brandes, nos leva de volta aos trilhos com uma discussão sobre confiar em tecnologias comprovadas, não perseguir os últimos modismos, como o TrackJS é capaz […]
Substituir o último comando no shellSubstituir o último comando no shell
Seja porque eu digito um comando com o dedo ou porque as teclas do teclado do meu MacBook Pro não respondem como deveriam, estou sempre escrevendo errado os comandos. O que é mais frustrante é que muitos desses comandos são longos, o que torna a correção do tema demorada. Felizmente, a seguidor do Twitter […]
Obter linhas e colunas da janela de visualização no CodeMirrorObter linhas e colunas da janela de visualização no CodeMirror
O CodeMirror é um utilitário incrível para apresentar códigos em um ambiente de navegador. O destaque de sintaxe, os widgets e várias funções avançadas fazem dele uma ferramenta única e útil. Ao usar o CodeMirror dentro do depurador DevTools do Firefox, descobri que adicionar centenas de widgets de ponto de interrupção de coluna a linhas […]
JavaScript waitForeverJavaScript waitForever
Escrever mochitests para novos recursos no DevTools pode ser difícil e demorado. Há tantos elementos interagindo de forma assíncrona que, muitas vezes, acabo usando o depurador para depurar o depurador! Nos casos em que não está claro qual interação não está funcionando corretamente, acabo recorrendo a uma função utilitária simples: waitForever. Ao usar essa função, […]
CSS Ellipsis Beginning of String (Elipse CSS no início da cadeia de caracteres)CSS Ellipsis Beginning of String (Elipse CSS no início da cadeia de caracteres)
Fiquei incrivelmente feliz quando o CSS text-overflow: ellipsis (casado com a width e overflow: hidden foi introduzido na especificação CSS e nos navegadores; o recurso permitiu que parássemos de tentar casar o cálculo de largura do JavaScript com o cálculo de largura e truncamento de strings. A elipse do CSS também foi muito favorável à […]
Forçar download com JavaScriptForçar download com JavaScript
Os scripts de download forçado têm sido uma parte importante da usabilidade da Internet há muito tempo. Posso atestar isso pelo número de vezes que implementei esse recurso no lado do servidor e pela popularidade do meu Postagem PHP Force Downloadaté hoje. Com o mundo da Web tendo se movido muito mais para o lado […]
Desestruturação aninhadaDesestruturação aninhada
A desestruturação em JavaScript pode parecer confusa no início, mas a verdade é que a desestruturação pode tornar seu código um pouco mais lógico e direto. A desestruturação parece um pouco mais complexa quando o senhor está procurando uma propriedade em vários objetos, portanto, vamos dar uma olhada em como fazer isso! A desestruturação simples […]
Como adicionar uma folha de estilo do usuário no FirefoxComo adicionar uma folha de estilo do usuário no Firefox
Embora muitos gostem de reclamar do CSS atualmente, é importante lembrar como o CSS é incrível; a linguagem CSS é: fácil de aprender fácil de ler fácil de escrever simples de entender Tanto os desenvolvedores quanto os designers da Web adoram o fato de que o CSS nos permite pegar texto/mídia e apresentá-lo de uma […]