Recursos frescos para web designers e desenvolvedores (agosto de 2018)
Parece que a comunidade de desenvolvimento está mais ativa ultimamente, pois tem havido bastante novas ferramentas lançadas nos últimos meses. Nesta rodada da série, vou destacar algumas das ferramentas que valem a pena mencionar.
Entre a lista de ferramentas, há uma Biblioteca JavaScript para gerar dados fictícios, uma ferramenta para compartilhar arquivos dentro de redes locais, e uma que permitirá gravar sessão do Terminal em animação SVG. Soa legal? Vamos conferir a lista completa abaixo.
Pushbar.js
É uma biblioteca JavaScript para criar gaveta deslizante. Normalmente, a gaveta deslizante é usada para exibir a navegação no menu do site, mas você pode usar essa biblioteca para exibir qualquer coisa adequada ao seu site. Pushbar.js é totalmente personalizável e livre de dependência, não requer jQuery.
Carbon CLI agora
Carbon CLI é um pacote Node.js para gerar uma captura de tela de código lindamente através de uma interface de linha de comando. Esta ferramenta é inspirada em carbon.now.sh, onde você pode fazer o mesmo através de uma boa interface gráfica no navegador.
Faker.js
Uma biblioteca JavaScript para criar dados fictícios. Ele suporta a geração de uma grande quantidade de dados, como nomes, endereço postal, nome da empresa, número de telefone, data e muito mais. Todos esses dados podem ser muito úteis para testar seu aplicativo da web.
TermToSVG
TermToSVG é um Gravador terminal Linux que processa suas sessões de linha de comando em uma animação SVG. É uma ferramenta útil para desenvolvedores escreverem um tutorial.
Gerenciador de backup de banco de dados
É uma biblioteca PHP e, como o nome indica, fornece um conjunto de funcionalidades para lidar com backup de banco de dados e restauração. A biblioteca suporta vários serviços para enviar ou extrair o backup, incluindo o Dropbox, Amazon S3, FTP e SFTP e o Rackloud Cloud..
Reagir Bits
Um conjunto enorme de técnicas, dicas e truques do React.js, o React Bits abrange padrões de design, estilo e dicas de desempenho comuns. Isto é verdadeiramente ótimo recurso para subir de nível suas habilidades no React.js.
Idioma DSS
O DSS significa Deterministic StyleSheets, uma nova ferramenta de criação de CSS. Como funciona e como isso pode ser aplicado no meu dia a dia de trabalho? Eu honestamente não tenho ideia até agora. Mas parece legal e é novo, então está na lista. Obrigado!
PurgeCSS
PurgeCSS é um pacote NPM que permite otimizar a saída CSS em seu aplicativo da web, removendo aqueles que não estão em uso. A ferramenta tem uma variedade de suporte a ferramentas internas, incluindo Gulp, Grunt, Grunt, Webpack e PostCSS, para que você possa integrá-lo ao seu projeto Imediatamente.
RFS
RFS significa Responsive Font Size e é um projeto interessante para lidar com uma das coisas mais difíceis da web, ou seja, tornar o tamanho da fonte responsivo, de uma forma que o tamanho seguirá bem com o tamanho da viewport do dispositivo. O RFS está disponível como um NPM
SimpleBar
Uma biblioteca JavaScript para criar uma barra de rolagem personalizada, o SimpleBar permite estilizar a rolagem para corresponde ao estilo do seu site usando CSS como qualquer outro elemento HTML no site. Devido às restrições de plataforma e navegador, o estilo da barra de rolagem do navegador costumava ser complicado, mas o SimpleBar realmente simplificou.
Larastan
Larastan é um invólucro de PHPStan para o Laravel. O PHPStan é uma ferramenta que permite verificar seus códigos quanto a possíveis erros sem precisar escrever um teste de unidade. Ele verifica várias coisas, incluindo a existência de métodos e funções chamados, tipos atribuídos a propriedades, número e tipos atribuídos ao construtor de classe e validando phpDocs.
PWMetrics
O PWMetrics é uma ferramenta que reúne as métricas do Progressive Web Apps através de uma interface de linha de comando desenvolvida por Paul Irish. A ferramenta é alimentada pela Lighthouse e está disponível como um pacote NPM. Ele oferece muitas opções para configurar as métricas, o desempenho do teste, e expectativa que você gostaria de alcançar fora do teste.
Pax
Pax é um bundler de JavaScript para compilar módulos JavaScript em um arquivo utilizável para os navegadores. Pax promete velocidade. Compila mais rápido que alguns bundlers alternativos. Suporta totalmente o ES6 importar e exportar sintaxe e a sintaxe CommonJS importar. Ao contrário pax é escrito com Rust e está disponível através do registro do pacote Rust chamado Cargo.
SustyWP
SustyWP é um WordPress tema destinado a uma melhor causa; reduzir a pegada de carbono reduzindo seu tamanho ao menor possível. É apenas o peso 7-6kb quando carregado no navegador. Está rápido e leve, e, em troca, consome menos recursos (por exemplo, eletricidade) para carregar o site. Confira a história de fundo do tema neste post de Jack Lenox.
A biblioteca do Doodle
UMA coleção de desenhos de doodle, a Biblioteca do Doodle tem muitos desenhos na coleção e eles estão agrupados em várias categorias Faces, Lugares, Animais, etc. Desenhos estão disponíveis no formato SVG e são distribuídos sob o Creative Common Attributions 4.0
Tilt.js
Um plugin jQuery para crie uma fantasia inclinar efeito semelhante às miniaturas de visualização que vemos na Apple TV. Não precisa de CSS adicional. Eles também fornecem algumas amostras de implementações nesta página, portanto, usá-lo é bastante simples. Assegure-se de que você confira o efeito Glare; é muito legal.
Fileroom
Fileroom é uma aplicação web para compartilhamento de arquivos peer-to-peer dentro da mesma rede. Você pode compartilhar arquivos com seu colega simplesmente arrastando e soltando, independentemente do sistema operacional. Funciona no Windows, macOS, Linux.
Coolhue
Uma coleção de cores gradientes escolhidas a dedo, o Coolhue permite que você pegue as amostras da paleta de cores para o aplicativo Photoshop ou Sketch ou instalá-lo em seu projeto usando pavilhão ou npm. Isso deve poupar algum tempo para pegar as cores dos seus próximos sites.
Recife
Uma biblioteca JavaScript simples para criar a interface do usuário, o Reef não possui todos os recursos da biblioteca maior, como o React.js ou o Vue.js. Mas se tudo que você precisa é renderizar uma UI, apenas entrada de dados e o template Reef poderia ser uma ótima alternativa. Tem peso apenas 2Kb
Evergreen
Uma coleção de componentes de interface do usuário do Segment.io. Os componentes são bastante variados; Além de alguns componentes comuns como botões, ícones, entrada de texto, há alguns que eu acho que são exclusivos da Evergreen, como Toaster, Side Sheet e Corner Dialog..
