# Tag: Ferramentas

> Posts do dpw marcados com a tag Ferramentas.

URL: https://dpw.dev/tag/ferramentas/

## Posts

- [Bem-vindo ao dpw 2026!](https://dpw.dev/miscelanea/dpw-2026/): O blog foi reconstruído do zero com Astro 5, MDX, SCSS com ITCSS e mais. Conheça a stack, as decisões técnicas e o que mudou nesta nova versão.
- [BFB 2: seu próximo boilerplate front end](https://dpw.dev/indicacoes/bfb2-boilerplate-front-end/): Conheça o BFB 2: seu próximo boilerplate front-end moderno. Parcel, ITCSS e hot reloading para base profissional com zero configuração. Comece rápido!
- [EditorConfig: padronização automática de estilo de código](https://dpw.dev/indicacoes/editorconfig-padronizacao-estilo-codigo/): EditorConfig: padronize automaticamente estilos de código no projeto. Acabe de vez com discussões sobre tabs vs espaços e mantenha consistência na equipe!
- [Basic Front Boilerplate (BFB)](https://dpw.dev/indicacoes/basic-front-boilerplate-bfb/): Conheça o BFB: boilerplate front-end com Parcel, arquitetura profissional e zero configuração. Ideal para tutoriais e projetos rápidos com ES6.
- [dpw expo #40 - ApexCharts.js, Sal.js, Moveable, Cropper.js, FilePound](https://dpw.dev/indicacoes/dpw-expo-40-apexcharts-js-sal-js-moveable-cropper-js-filepound/): Explore ApexCharts, Sal.js, Moveable, Cropper.js e FilePond no dpw expo. Gráficos modernos, scroll animations e upload/crop de imagens profissional. Teste!
- [dpw expo #39 - International Telephone Input, Focus Overlay, JustGage](https://dpw.dev/acessibilidade/dpw-expo-39-international-telephone-input-focus-overlay-justgage/): Explore International Telephone Input, Focus Overlay e JustGage no dpw expo. Input telefone internacional, overlays de foco e gauges animados. Confira!
- [dpw expo #38 - Jurassic Ninja, typical, gameController.js](https://dpw.dev/indicacoes/dpw-expo-38-jurassic-ninja-typical-gamecontroller-js/): Explore Jurassic Ninja, Typical e GameController.js no dpw expo. WordPress temporário para testes, efeitos de digitação e gamepads web. Incrível!
- [dpw expo #37 - roughViz.js, free-for.dev, Swiper](https://dpw.dev/indicacoes/dpw-expo-37-roughvizjs-free-for-dev-swiper/): Explore Roughviz.js, Free-for.dev e Swiper no dpw expo. Gráficos estilo sketch artístico, recursos grátis para devs e slider mobile moderno. Teste!
- [dpw expo #36 - React Bolt, Butter Cake, Browserhacks](https://dpw.dev/css/dpw-expo-36-react-bolt-butter-cake-browserhacks/): Explore React Bolt, Butter Cake e Browserhacks no dpw expo. Componentes React ultra rápidos, CMS headless moderno e hacks de navegadores. Descubra!
- [dpw expo #35 - react-spinners-css, SimpleBar, CopyPalette](https://dpw.dev/indicacoes/dpw-expo-35-react-spinners-css-simplebar-copypalette/): Explore React Spinners CSS, SimpleBar e CopyPalette no dpw expo. Loaders React elegantes, scrollbar customizada minimalista e paletas de cores. Teste!
- [dpw expo #34 - Can I email, clipboard.js, Flawwwless ui](https://dpw.dev/design/dpw-expo-34-can-i-email-clipboard-js-flawwwless-ui/): Explore Can I Email, Clipboard.js e Flawwwless UI no dpw expo. Compatibilidade HTML email, copiar para clipboard fácil e galeria de designs. Confira!
- [dpw expo #33 - filesize.js, Radial Menu, UI Interactions](https://dpw.dev/indicacoes/dpw-expo-33-filesize-js-radial-menu-ui-interactions/): Explore Filesize.js, Radial Menu e UI Interactions no dpw expo. Formatação de tamanhos de arquivo, menus radiais e coleção de micro-interações. Veja!
- [dpw expo #32 - Image Map Generator, Divjoy, SVG Artista](https://dpw.dev/html/dpw-expo-32-image-map-generator-divjoy-svg-artista/): Explore Image Map Generator, Divjoy e SVG Artista no dpw expo. Crie mapas HTML clicáveis, apps React e arte SVG profissional. Confira agora!
- [dpw expo #31 - Page Transitions, Hopscotch,  Agile CSS Framework](https://dpw.dev/css/dpw-expo-31-page-transitions-hopscotch-agile-css-framework/): Explore Page Transitions, Hopscotch e Agile CSS no dpw expo. Transições suaves entre páginas, tours guiados interativos e framework CSS leve. Teste!
- [dpw expo #30 - collectorium, perfundo, npkill](https://dpw.dev/css/dpw-expo-30-collectorium-perfundo-npkill/): Explore Collectorium, Perfundo e npkill no dpw expo. Biblioteca de padrões UI, lightbox minimalista elegante e limpeza de node_modules pesados!
- [dpw expo #29 - TypeLighter.js, Codeimg.io, Vuestic Admin](https://dpw.dev/indicacoes/dpw-expo-29-typelighterjs-codeimgio-vuestic-admin/): Explore Typelighter.js, Codeimg.io e Vuestic Admin no dpw expo. Highlight de texto elegante, screenshots de código e dashboard admin Vue.js completo!
- [dpw expo #28 - simplePARALLAX, Gitfolio, CSS Border Animations](https://dpw.dev/css/dpw-expo-28-simpleparallax-gitfolio-css-border-animations/): Explore simpleParallax, Gitfolio e CSS Border Animations no dpw expo. Parallax ultra fácil, portfólio automático do GitHub e bordas animadas. Teste!
- [dpw expo #27 - Gradient Magic, Text stripes, git-pending](https://dpw.dev/design/dpw-expo-27-gradient-magic-text-stripes-git-pending/): Explore Gradient Magic, Text Stripes e Git Pending no dpw expo. Gradientes CSS prontos incríveis, efeitos de texto e gerenciamento de commits pendentes. Teste!
- [dpw expo #26 - Tabulator, react-image-magnifiers, SuperTinyIcons](https://dpw.dev/indicacoes/dpw-expo-26-tabulator-react-image-magnifiers-supertinyicons/): Explore Tabulator, React Image Magnifiers e Super Tiny Icons no dpw expo. Tabelas interativas poderosas, zoom de produtos e ícones SVG minúsculos. Teste!
- [dpw expo #25 - List.js, 26 recursos VS Code 2019, Color Thief](https://dpw.dev/indicacoes/dpw-expo-25-listjs-26-recursos-vs-code-2019-color-thief/): Explore List.js, recursos do VS Code 2019 e Color Thief no dpw expo. Listas com busca/sort, extensões essenciais e extração de paletas de imagens. Teste!
- [dpw expo #24 - Animista, Static Site Boilerplate, Humanize Duration](https://dpw.dev/css/dpw-expo-24-animista-static-site-boilerplate-humanize-duration/): Explore Animista, Static Site Boilerplate e Humanize Duration no dpw expo. Gerador de animações CSS, starter kit moderno e formatação de tempo. Experimente!
- [dpw expo #23 - Frappe Charts, Darkmode.js, Eva Design System](https://dpw.dev/design/dpw-expo-23-frappecharts-darkmodejs-eva-design-system/): Explore Frappe Charts, Darkmode.js e Eva Design System no dpw expo. Gráficos simples e bonitos, dark mode automático e design system completo. Teste!
- [dpw expo #22 - Shape.so, MoveTo.js, uiGradients](https://dpw.dev/indicacoes/dpw-expo-22-shapeso-movetojs-uigradients/): Explore Shapes.io, MoveTo.js e UIGradients no dpw expo. Editor SVG visual interativo, scroll animado suave e coleção de gradientes CSS prontos. Teste!
- [dpw expo #21 - freezeframe.js, Spotlight.js, Microjs](https://dpw.dev/css/dpw-expo-21-freezeframejs-spotlightjs-microjs/): Explore Freezeframe.js, Spotlight.js e Microjs no dpw expo. Controle inteligente de GIFs, galeria de imagens overlay e catálogo de micro-frameworks. Veja!
- [dpw expo #20 - Transfonter, Specificity Calculator, ms](https://dpw.dev/css/dpw-expo-20-transfonter-specificity-calculator-ms/): Explore Transfonter, Specificity Calculator e ms no dpw expo. Conversor de fontes webfont, calculadora de especificidade CSS e parser de tempo. Útil!
- [dpw expo #19 - Scene.js, Pressure.js, pixelmatch](https://dpw.dev/indicacoes/dpw-expo-19-scenejs-pressurejs-pixelmatch/): Explore Scene.js, Pressure.js e Pixelmatch no dpw expo. Animações baseadas em timeline, detecção de pressão touch e diff visual de imagens. Confira!
- [dpw expo #18 - Zdog, Pickr, CSS Grid Generator](https://dpw.dev/indicacoes/dpw-expo-18-zdog-pickr-css-grid-generator/): Descubra Zdog, Pickr e CSS Grid Generator no dpw expo #18. Engine 3D pseudo-3D para Canvas/SVG, color picker moderno e gerador visual de grids. Teste!
- [dpw expo #17 - micron.js, Tailwind CSS, Tornis](https://dpw.dev/indicacoes/dpw-expo-17-micron-js-tailwind-css-tornis/): Explore Micron.js, Tailwind CSS e Tornis no dpw expo. Micro-interações elegantes, utility-first CSS e detecção de eventos do navegador. Teste!
- [dpw expo #16 - CSSFX, iziModal, Tippy.js](https://dpw.dev/indicacoes/dpw-expo-16-cssfx-izimodal-tippy-js/): Explore CSSFX, iziModal e Tippy.js no dpw expo #16. Efeitos CSS prontos para copiar, modais JavaScript customizáveis e tooltips modernos. Confira demos!
- [dpw expo #15 - iziToast, animate.css, CSS3 Transform](https://dpw.dev/indicacoes/dpw-expo-15-izitoast-animate-css-css3-transform/): Explore iziToast, Animate.css e CSS3 Transform no dpw expo. Notificações elegantes e customizáveis, animações prontas e transformações CSS. Teste agora!
- [dpw expo #14 - Ikonate, SortableJS, TypeIt](https://dpw.dev/indicacoes/dpw-expo-14-ikonate-sortablejs-typeit/): Descubra Ikonate, SortableJS e TypeIt no dpw expo. Ícones SVG totalmente customizáveis, drag-and-drop nativo e efeitos de digitação. Experimente!
- [dpw expo #13 - Buefy, BootboxJS, Uppy](https://dpw.dev/indicacoes/dpw-expo-13-buefy-bootboxjs-uppy/): Conheça Buefy, BootboxJS e Uppy no dpw expo. Framework Vue.js com Bulma, diálogos JavaScript elegantes e upload de arquivos moderno. Teste já!
- [dpw expo #12 - Medium Zoom, ICONSVG, Choices.js](https://dpw.dev/indicacoes/dpw-expo-12-medium-zoom-iconsvg-choices-js/): Explore Medium Zoom, IconSVG e Choices.js no dpw expo. Zoom de imagens estilo Medium, ícones SVG gratuitos e select boxes customizáveis. Experimente!
- [dpw expo #11 - Perflink, CrumbJS, iro.js](https://dpw.dev/indicacoes/dpw-expo-11-perflink-crumbjs-iro-js/): Explore Perflink, CrumbJS e iro.js no dpw expo. Ferramentas essenciais para performance web, breadcrumbs dinâmicos e seleção de cores moderna. Teste!
- [dpw expo #10 - DevDocs, Editor.js, RFS](https://dpw.dev/indicacoes/dpw-expo-10-devdocs-editor-js-rfs/): Explore DevDocs, Editor.js e RFS no dpw expo. Hub de documentação offline, editor moderno por blocos e tipografia responsiva automatizada. Confira agora!
- [dpw expo #9 - Micromodal.js, mockAPI, Color.review](https://dpw.dev/indicacoes/dpw-expo-9-micromodal-js-mockapi-color-review/): Explore Micromodal.js, MockAPI e Color Review no dpw expo. Modais acessíveis e leves, API fake para testes e análise de contraste de cores. Confira!
- [dpw expo #8 - removebg, Cleave.js, NSFW JS](https://dpw.dev/indicacoes/dpw-expo-8-removebg-cleave-js-nsfw-js/): Explore Remove.bg, Cleave.js e NSFW.js no dpw expo. Remoção de fundo automática com IA, formatação de inputs e detecção de conteúdo impróprio. Teste!
- [dpw expo #7 - Lozad, PulltoRefresh.js, StackBlitz](https://dpw.dev/indicacoes/dpw-expo-7-lozad-pulltorefresh-js-stackblitz/): Explore Lozad, PulltoRefresh.js e StackBlitz no dpw expo. Lazy loading ultra performático, pull-to-refresh mobile e IDE online completa. Teste agora!
- [dpw expo #6 - Rellax, spacetime, AmplitudeJS](https://dpw.dev/indicacoes/dpw-expo-6-rellax-spacetime-amplitudejs/): Explore Rellax, Spacetime e AmplitudeJS no dpw expo. Biblioteca parallax ultra leve, manipulação de timezone e player de áudio HTML5 elegante. Teste!
- [dpw expo #1: k6, CSS Reference, Coolors.co](https://dpw.dev/indicacoes/dpw-expo-1-k6-css-reference-coolors-co/): Explore k6, CSS Reference e Coolors.co no dpw expo. Testes de carga profissionais, referência CSS completa e gerador de paletas de cores. Essenciais!
- [Retrospectiva 2018](https://dpw.dev/miscelanea/retrospectiva-2018/): Relembre 2018 no dpw: breakpoints CSS, CSS Blocks da LinkedIn, otimização de estilos e novo tema do blog. Veja os artigos que marcaram o ano!
- [CSS Blocks: introdução à API](https://dpw.dev/css/css-blocks-api-introducao/): Conheça CSS Blocks da LinkedIn: otimizador revolucionário que reescreve CSS para máxima performance. Introdução à API e casos de uso práticos. Otimize!
- [LinkedIn anuncia CSS Blocks, o novo otimizador de CSS](https://dpw.dev/css/css-blocks-linkedin-otimizador-css/): Descubra CSS Blocks da LinkedIn: tecnologia que otimiza automaticamente seu CSS. Aprenda como reduzir drasticamente o tamanho dos arquivos CSS. Revolucionário!
- [Os melhores bancos de imagem grátis (stock images)](https://dpw.dev/indicacoes/melhores-bancos-de-imagens-stock-images-gratis/): Descubra os melhores bancos de imagem grátis (stock images) de alta qualidade. Recursos com fotos livres de direitos autorais para projetos web. Baixe!
- [Colorblind Web Page Filter: acessibilidade por simulação de deficiências cromáticas](https://dpw.dev/acessibilidade/colorblind-web-page-filter/): Teste acessibilidade de cores com simulação de daltonismo. Ferramenta gratuita para ver seu site através dos olhos de quem tem cegueira cromática.
- [Web design responsivo com DevTools Device Mode](https://dpw.dev/miscelanea/web-design-responsivo-devtools-device-mode/): Web design responsivo com DevTools Device Mode do Chrome. Teste, debug e desenvolva sites mobile profissionais usando ferramentas nativas. Domine!
- [Pré-processadores CSS e Chrome DevTools](https://dpw.dev/css/pre-processadores-css-chrome-devtools/): Aprenda a usar pré-processadores CSS no Chrome DevTools. Debug e edição de Sass/LESS diretamente no navegador com source maps. Acelere o workflow!
- [Genymotion: emulador de Android](https://dpw.dev/indicacoes/genymotion-emulador-android/): Genymotion: o melhor emulador Android para desenvolvimento profissional. Extremamente rápido, confiável e essencial para testes mobile. Experimente!
- [Gulp Fiction](https://dpw.dev/miscelanea/gulp-fiction/): Gulp Fiction: automação front-end de forma criativa e eficiente. Técnicas avançadas, plugins essenciais e workflows para projetos modernos. Automatize!
- [Gulp](https://dpw.dev/javascript/gulp/): Gulp: automatize tarefas de desenvolvimento front-end. Configure build, minificação, otimização de assets e workflow eficiente com JavaScript. Automatize!
- [UIkit: framework front-end modular responsivo](https://dpw.dev/css/uikit-framework-front-end-modular-responsivo/): UIkit: framework front-end modular e responsivo profissional. Alternativa leve ao Bootstrap com componentes elegantes para desenvolvimento ágil. Use!
- [Bower: gerenciador de pacotes front-end](https://dpw.dev/indicacoes/bower-gerenciador-de-pacotes-front-end/): Automatize o gerenciamento de dependências front-end com Bower. Instale, atualize e organize bibliotecas JavaScript de forma simples e eficiente.
- [Grunt: build tool para projetos front-end](https://dpw.dev/javascript/grunt-ferramenta-de-construcao-build-tool-para-projetos-front-end/): Grunt: build tool essencial para automação front-end. Configure tarefas, minifique assets e otimize seu workflow de desenvolvimento. Automatize!
- [Como fazer fork de um projeto no GitHub](https://dpw.dev/miscelanea/como-fazer-fork-de-um-projeto-no-github/): Tutorial completo sobre como fazer fork de projetos no GitHub corretamente. Aprenda comandos Git e fluxo ideal para contribuir com open source. Contribua!
- [Começando com Git](https://dpw.dev/indicacoes/comecando-com-git/): Introdução completa ao Git para iniciantes. Aprenda controle de versão, comandos essenciais e por que Git revolucionou o desenvolvimento colaborativo.
- [Usando Modernizr para detectar features de HTML5 e CSS3](https://dpw.dev/css/modernizr-detectar-features-html5-css3/): Modernizr: detecte features HTML5 e CSS3 no navegador facilmente. Biblioteca essencial para feature detection e progressive enhancement moderno. Use!
- [Melhores editores WYSIWYG](https://dpw.dev/javascript/melhores-editores-wysiwyg/): Compare os 10 melhores editores WYSIWYG para web: TinyMCE, CKEditor, Quill e Editor.js. Escolha o rich text editor ideal para seu projeto. Experimente!
- [Ferramentas e recursos para desenvolvimento web](https://dpw.dev/indicacoes/ferramentas-e-recursos-para-desenvolvimento-web/): Ferramentas essenciais para desenvolvimento web profissional. Recursos, bibliotecas e utilidades práticas para aumentar produtividade e qualidade de código!
- [Ferramentas gratuitas para testes de segurança em sites](https://dpw.dev/miscelanea/ferramentas-gratuitas-para-testes-de-seguranca-em-sites/): Ferramentas gratuitas para testes de segurança em sites e aplicações. Proteja seus projetos web com scanners, validators e recursos de auditoria. Proteja-se!
- [Recursos de usabilidade grátis](https://dpw.dev/ui-ux/recursos-usabilidade/): Descubra recursos essenciais sobre usabilidade web grátis. Ferramentas, artigos, livros e referências completas para aprender e aplicar UX design!
- [7 ferramentas para web designs melhores](https://dpw.dev/design/7-ferramentas-para-web-designs-melhores/): Analise e melhore seus web designs com ferramentas essenciais. Descubra heat maps, testes A/B, análise de usabilidade e otimização de conversão.
- [Como tirar screenshot de um web site inteiro e obter uma imagem completa](https://dpw.dev/miscelanea/como-tirar-screenshot-de-um-web-site-inteiro-e-obter-uma-imagem-completa/): Aprenda 4 métodos práticos para capturar screenshot de sites completos, incluindo partes abaixo da dobra. Ferramentas e extensões testadas. Capture!
- [Identificador de fontes](https://dpw.dev/design/identificador-de-fontes/): Ferramentas essenciais para identificar fontes de imagens e sites. Descubra tipografias desconhecidas facilmente com recursos online e extensões. Identifique!

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml