dpw expo #20 – Transfonter, Specificity Calculator, ms

Transfonter, conversor de fonte para @font-face; Specificity Calculator, para cálculo de especificidade CSS e; ms, que converte tempo para milissegundos.

Ir para o artigo

Transfonter

A regra @font-face de CSS permite usar fontes personalizadas em páginas Web. Mas são necessários arquivos específicos para isso, como WOFF, WOFF2, EOT etc.

O Transfonter é uma ferramenta online que permite que você faça o upload de seus arquivos de fonte (TTF, OTF e outros) para receber os arquivos apropriados para se trabalhar com fontes na Web.

Possui diversas opções de conversão e utilitários para otimização do resultado final. É uma das ferramentas-padrão atuais para conversões de fontes para a Web desta natureza.

Specificity Calculator

Um dos conceitos-chave de CSS é sua Especificidade. A maioria dos desenvolvedores a usa sem saber realmente sua teoria; meio que no “feeling”, instintivamente.

E aí se pergunta por que diabos aquela regra não está funcionando como deveria…

Specificity Calculator é um utilitário para visualizar o peso da Especificidade em diferentes seletores, auxiliando bastante ao evitar a necessidade de calcular de cabeça (ou compreender inteiramente) diferentes seletores e aprimorar sua codificação de estilos.

ms

ms é um utilitário JavaScript para converter vários tipos de formatos de tempo para milissegundos.

É possível passar “por extenso” ou em formato mais resumido anos, dias, horas, minutos, segundos… Enfim, diversos formatos de tempo e receber seu equivalente em ms.

Sua instalação é simplíssima, bastante saber o básico de npm. Funciona tanto para Node.js, quanto no browser.