Novos recursos para web designers e desenvolvedores (dezembro de 2022)

À medida que as festas de fim de ano se aproximam e o ano termina, é importante prestar atenção a algumas das ferramentas e tecnologias mais recentes deste ano.

Nesta postagem, veremos alguns novos recursos para nossos colegas desenvolvedores da Web para ajudar a acompanhar os tempos e começar o novo ano com o pé direito. Isso inclui muitas novas bibliotecas JavaScript, PHP, HTML, JS e CSS, bem como uma inovação no WordPress.

GithubExpanded

pequeno prático aplicativo da web para mostrar sua atividade no GitHub em 2022. Basta inserir seu nome de usuário e você receberá um vídeo personalizado resumindo todas as suas atividades públicas do Github durante o ano.

Você pode baixe o vídeo e compartilhe nas redes sociais como Twitter e LinkedIn, ou apenas guarde para si. E se você quiser adicionar um pouco de entusiasmo, ele fornece três temas diferentes escolha de.

unovis

outro legal projeto de código aberto por F5a empresa por trás do Nginx. unovis uma plataforma de visualização de dados que funciona com React, Angular, Svelte e vanilla JavaScript. Ele tem diferentes tipos de gráficos, mapas e gráficos de rede que permitem visualizar quase qualquer tipo de dados.

Isso permite que você importar componentes individuais para manter os tamanhos de arquivo pequenos. E se você quiser personalizar a aparência de seus gráficos, é muito fácil fazer isso com o suporte a variáveis ​​CSS.

PHP sinalizador

O Farol do Google ajudará você melhore seu site verificando parâmetros como desempenho, acessibilidade e SEO.. Essa biblioteca PHP facilita o uso do Lighthouse e a criação de relatórios HTML.

Você pode personalize a maneira de usá-lo e integre-o ao seu fluxo de trabalho existente. Uma biblioteca útil, especialmente se você já estiver usando PHP em seu projeto.

pá

A biblioteca que o torna super fácil de criar aplicativos de página única (SPA) usando Modelos Laravel e alguns componentes interativos adicionais do Vue 3. Essencialmente, você pode escreva seu aplicativo usando a sintaxe simples do Bladee, em seguida, adicione um pouco de “mágica” para criar uma sensação de SPA.

ConsoleNinja

Usando console.log Esse maneira rápida de depurar código, mas isso pode se tornar confuso rapidamente se você tiver muitas instruções de log. Esta é uma ferramenta para ajudá-lo a usar console.log de forma mais organizada.

Isso permite que você veja os valores cadastrados ao lado do seu código, o que torna mais fácil entender o que está acontecendo em seus códigos. É fácil de usar – basta iniciar o editor e o servidor de desenvolvimento e pronto. Não há necessidade de nenhuma instalação ou configuração especial.

Nextra

Nextra é uma estrutura construída sobre o Next.js para ajudá-lo a criar sites que têm tudo a ver com conteúdo. Ele tem tudo de melhor do Next.js, além de algumas ferramentas adicionais para Simplifique a criação de conteúdo com Markdown.

Ele também vem com suporte integrado para realce de sintaxe, internacionalizaçãoe procure. E pronto para uso, você pode escolher entre dois modelos diferentes, um para criar documentos e outro para um blog, para que possa começar rapidamente.

viewfire

Uma ferramenta para ajudá-lo a manter seu aplicativo Vue sincronizado com banco de dados firebase. Ele é projetado para ser fácil de usar e segue a abordagem declarativa do Vue. Ele cuida de coisas como coleções aninhadas e links de documentos e trabalha com outros Recursos do Firebase, como autenticação.

Você pode escolha quais partes da ferramenta incluir em seu projetoassim você não precisa usar tudo se não precisar.

OSKS

OSCS é um site que ajudá-lo a escolher cores para sua interface digital, como um site ou aplicativo móvel. Ele fornece diferentes paletas de cores e mostra como usá-las, bem como exemplos de como elas se parecem em um aplicativo real.

Se você tiver problemas encontre as cores certas para o seu projetoOSCS é um bom lugar para começar a se inspirar.

esconder

Uma ferramenta para te ajudar crie páginas HTML estáticas, postagens de blog e sites de documentação com Laravel. Ele vem com um kit inicial de front-end baseado em TailwindCSS que funciona imediatamente, adaptável e personalizável.

Você pode use Markdown ou Blade para criar seu conteúdo, e Hyde tem modelos para ajudá-lo a começar.

Dinero.js

Uma biblioteca JavaScript que torna fácil e seguro trabalhar com dinheiro em seu aplicativo. Isso permite que você expressar valores monetários e realizar ações como alterar, converter, comparar e formatar em diferentes moedas mostrar. O Dinero.js facilita a manipulação de dinheiro em seu aplicativo.

Galeria de Componentes

A uma coleção de componentes de IU que você pode usar como referência ao criar sua própria interface de usuário baseada em componentes. Ele é atualizado regularmente e contém exemplos de componentes e padrões de design de sistemas de design reais.

Você pode encontrar componentes como navegação, paginação, barras de progresso, breadcrumbsetc. Este é um ótimo recurso para designers e desenvolvedores em busca de inspiração.

usando notas

Um aplicativo da web de código aberto para gerenciamento e compartilhamento de conhecimento e informações. É gratuito e fácil de configurar em seus próprios servidores com o Docker. Possui uma área de texto simples para escrever notas com algum suporte básico de Markdown.

Você pode tornar suas anotações privadas ou públicas, e uma API está disponível para personalizar a ferramenta de acordo com suas necessidades. é uma ótima maneira organizar e compartilhar notas dentro de sua organização, empresa ou com o público.

CodeImage

A ferramenta que ajuda a tornar as capturas de tela de código bonitas. Você pode usá-lo para compartilhar trechos de código. Você pode personalizar seus snippets alterando o tema da sintaxe, as cores e o tema da janela e, quando estiver satisfeito com a aparência deles, poderá crie uma imagem e compartilhe com outras pessoas nas redes sociais.

exposição

A pacote para aplicativos React Native que oferece vários recursos úteis. Com ele, você pode criar aplicativos 100% JavaScript que rodam em todos os tipos de dispositivos sem a necessidade de ferramentas como Xcode ou Android Studio. A Expo tem ótimos Suporte a TypeScript. Tudo isso permite que você use a mesma base de código para desenvolver aplicativos incríveis.

bloster

Coleção modelos de blog rápidos e acessíveis com vários temas personalizáveis. Ele é construído com astro E Markdoc. Ele inclui recursos como um modo escuro integrado, suporte para componentes de remarcação personalizados e um feed RSS para SEO.

Todos os modelos são eficazes e receberam a classificação mais alta na ferramenta de teste de acessibilidade e desempenho do Lighthouse.

UserAgents.me

Coleção agentes de usuário comuns para vários sistemas operacionais e navegadores, incluindo Windows, Linux e macOS. Ele fornece uma API gratuita que permite acessar dados em um prático formato JSON que você pode usar em seu código ou aplicativo.

eu acho que realmente fonte útil para web scrapers, pesquisadores e administradores que precisam de strings de agente de usuário precisas e atualizadas.

Plugin Vite SSR

A plug-in para criar aplicativos com renderização do lado do servidor Com Vite.js, uma ferramenta de criação rápida de JavaScript. Ele funciona com qualquer estrutura de interface do usuário como React, Vue, Svelte ou Solid e você também pode usá-lo com outras ferramentas.

Você pode escolha entre roteamento de cliente e roteamento de servidor, e oferece suporte a todos os tipos de renderização, incluindo aplicativos de página única (SPA) e de várias páginas (MPA). É fácil de usar e requer pouca ou nenhuma configuração.

SVGGobblerGenericName

A extensão do navegador que ajuda você a trabalhar com arquivos SVG. Ele funciona com Chrome e Firefox e oferece recursos como download, cópia, visualização de código e exportação de ícones como imagens. Esta é uma ferramenta útil para aqueles que funciona com ícones SVG da web.

campo de jogos wordpress

Uma ferramenta experimental recente que permite que você execute o WordPress em um navegador sem um servidor PHP. Ele usa WebAssembly para tornar isso possível.

tem muito usos potenciais, como executar trechos de código na documentação, testar plugins e temas, alternar entre as versões PHP e WordPress.e correção de testes de CI com falha.

Ainda não é totalmente estável, mas tem potencial para revolucionar a forma como usamos o WordPress no futuro.

base de bolso

Uma ferramenta de servidor de código aberto que inclui SQLite, assinaturas em tempo real, gerenciamento integrado de arquivos e usuários, interface de usuário do painel de controle e API simples.. Ele foi projetado para lidar com um grande número de conexões simultâneas, que podem funcionar mesmo em um VPS econômico.

Atualmente está em desenvolvimento ativo e, em geral, pode ser uma boa alternativa às opções SaaS pagas.