Recursos para devs na web

[Lorenzo]

O mmmotif serve pra gerar padrões de forma bem fácil:

mmmotif → SVG generator for 3D-like isomorphic patterns

Easily generate SVG shape patterns with a 3D feel, thanks to isometric design. Export the SVG code and use the 3D patterns in your designs right away.

fffuel.co

 

[Marlliton]

Vocês conhecem o Sizzy? Sizzy é um navegador feito para devs, ele permite que você visualize um site em vários dispositivos ao mesmo tempo, acelerando assim o desenvolvimento responsivo de nossa telas.

Sizzy - The Browser For Developers

Stop wasting time and speed up your development workflow

sizzy.co

 

[Letícia Garcez]

Vocês conhecem o Sizzy? Sizzy é um navegador feito para devs, ele permite que você visualize um site em vários dispositivos ao mesmo tempo, acelerando assim o desenvolvimento responsivo de nossa telas.

Sizzy - The Browser For Developers

Stop wasting time and speed up your development workflow

sizzy.co

View attachment 580

Nossa, não conhecia. Que conceito genial! Especialmente quando estamos falando de fazer uma aplicação responsiva.

 

[Letícia Garcez]

Trabalhar com tabelas em HTML pode ser algo complicado, mas este recurso aqui é capaz de ajudar muito com isso, já que você pode editar a tabela através de uma interface gráfica e então só copiar o HTML e o CSS gerados para o seu projeto:
HTML Table Styler

 

[Marlliton]

Trabalhar com tabelas em HTML pode ser algo complicado, mas este recurso aqui é capaz de ajudar muito com isso, já que você pode editar a tabela através de uma interface gráfica e então só copiar o HTML e o CSS gerados para o seu projeto:
HTML Table Styler

Que massa. Ainda tem vários estilos de tabelas para você escolher e personalizar. Adorei!

 

[Lorenzo]

Maneira fácil de dar um glitch em alguma imagem pra casos específicos: https://glitchyimage.com/

 

[Marlliton]

O Hidden Tolls e uma ferramenta que promete encontrar qualquer ferramenta na web. Lá existe um vasto acervo de ferramentas que vai desde ilustrações até editores de código e etc... Vale a pena dar uma olhada! Essa ferramenta pode aumentar a eficiência na criação do seu projeto.

 

[Letícia Garcez]

O Hidden Tolls e uma ferramenta que promete encontrar qualquer ferramenta na web. Lá existe um vasto acervo de ferramentas que vai desde ilustrações até editores de código e etc... Vale a pena dar uma olhada! Essa ferramenta pode aumentar a eficiência na criação do seu projeto.

Nossa que legal! Adoro descobrir ferramentas e coisas novas pra usar nos meus projetos!

 

[Letícia Garcez]

A ferramenta ray.so é um site que permite que você faça imagens visualmente agradáveis do seu código. Basta colar o seu código no editor de texto e configurar as cores que você quer que sejam utilizadas na imagem e então exportá-la.
É um ótimo recurso para quem quer adicionar código nos seus arquivos, tutoriais ou README de projetos.

 

[Lorenzo]

A ferramenta ray.so é um site que permite que você faça imagens visualmente agradáveis do seu código. Basta colar o seu código no editor de texto e configurar as cores que você quer que sejam utilizadas na imagem e então exportá-la.
É um ótimo recurso para quem quer adicionar código nos seus arquivos, tutoriais ou README de projetos.

Nossa, isso aqui caiu bem hein kkkk

 

[Lorenzo]

Uma alternativa ao Unsplash(fotos gratuitas de alta qualidade): https://www.pexels.com/

 

[Letícia Garcez]

Nossa, isso aqui caiu bem hein kkkk

Tem o Carbon também. Ele tem o mesmo objetivo, que é fazer prints bonitos do seu código, mas eu gosto mais do ray hehe

 

[Marlliton]

Está querendo usar uma feature nova, mas não sabe se os navegadores já adotaram essa feature? O Can I Use fornece tabelas de suporte para você verificar quais navegadores suportam determinada feature.

 

[Letícia Garcez]

O Underline Generator é um gerador de sublinhados que cria o código CSS de um sublinhado para você aplicar nos seus projetos.

 

[Letícia Garcez]

O HTML hell é um site que mostra alguns exemplos de códigos HORRÍVEIS em HTML, mostando o que está errado com cada exemplo e também como melhorar o código. No site também existe uma página chamda HTML heaven com algumas dicas de HTML

 

[Letícia Garcez]

A ferramenta responsively permite que você visualize a sua aplicação em diferentes disposivitos para ver o quão responsiva ela é.

 

[Marlliton]

O foundation é um framework css que te ajuda na criação dos seus estilos, tanto na criação de páginas web, como na criação de templates de emails.

 

[Marlliton]

Todos sabemos que trabalhar com datas em qualquer linguagem de programação é uma tarefa difícil, o Moment é uma biblioteca JavaScript que permite manipular, validar, analisar e formatar datas facilmente. Vale a pena dar uma olhada se você está pensando em trabalhar com datas no JavaScript.

 

[Letícia Garcez]

O Animista é um site com animações para aplicarmos no CSS. No site é possível selecionar a animação e depois apenas copiar um código gerado automaticamente que faz aquela animação.

 

[Lorenzo]

Um framework de CSS pra html semântico, simples e e quebra um galho: https://picocss.com/