# Categoria: Miscelânea

> Todos os 77 posts do dpw na categoria Miscelânea.

URL: https://dpw.dev/categoria/miscelanea/

## 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.
- [Como cobrar pelos freelas na era da IA](https://dpw.dev/miscelanea/como-cobrar-freelas-na-era-da-inteligencia-artificial/): Repense sua precificação freelancer com IA. Descubra por que cobrar por hora não funciona mais e como valorizar decisões, não tempo de execução.
- [A Grande Divisão: front end designer e front end engineer](https://dpw.dev/miscelanea/a-grande-divisao-front-end/): Entenda a grande divisão no desenvolvimento front-end: designers focados em UX/UI vs engineers especializados em JavaScript e arquitetura. Reflexão importante!
- [3 dicas para nomear variáveis: como dar nome a variáveis like a pro](https://dpw.dev/miscelanea/como-nomear-variaveis/): Domine a arte de nomear variáveis em código com 3 dicas essenciais: nomes descritivos claros, priorizar leitura e usar padrões consistentes. Nomeie bem!
- [20 dicas de Code Reviews eficientes](https://dpw.dev/miscelanea/20-dicas-code-reviews-eficientes/): Descubra 20 dicas essenciais para code reviews eficientes e transforme a qualidade do seu código. Melhore sua equipe e seus projetos agora!
- [Event Capturing e Bubbling em JavaScript](https://dpw.dev/miscelanea/eventos-javascript-capturing-bubbling/): Entenda como funcionam Event Capturing e Bubbling em JavaScript. Aprenda a controlar a propagação de eventos e criar interfaces interativas eficientes.
- [Entenda CORS de uma vez por todas!](https://dpw.dev/miscelanea/cors/): Guia definitivo sobre CORS: o que é, como funciona e como resolver erros de Cross-Origin Resource Sharing. Segurança web completamente explicada. Domine!
- [O que aconteceu no dpw em 2019](https://dpw.dev/miscelanea/o-que-aconteceu-no-dpw-em-2019/): Retrospectiva 2019 do dpw: 76 artigos publicados, lançamento do dpw expo semanal, presença forte nas redes sociais. Veja tudo que aconteceu no ano completo!
- [12 informações relevantes para o seu portfolio](https://dpw.dev/miscelanea/12-informacoes-relevantes-portfolio/): Crie um portfólio profissional que conquista clientes. Descubra as 12 informações essenciais para destacar seu trabalho e conseguir projetos.
- [Para que você precisa de um portfolio?](https://dpw.dev/miscelanea/para-que-voce-precisa-de-um-portfolio/): Para que você realmente precisa de um portfólio profissional de verdade. Benefícios concretos, oportunidades e como portfólio impulsiona carreira. Entenda!
- [A página mais importante do seu portfolio](https://dpw.dev/miscelanea/a-pagina-mais-importante-do-seu-portfolio/): A página Sobre é a mais importante do seu portfólio. Descubra como apresentar personalidade e conquistar clientes com uma página Sobre eficaz. Conquiste!
- [Por que seu portfolio não está trazendo os trabalhos que você quer?](https://dpw.dev/miscelanea/por-que-seu-portfolio-nao-esta-trazendo-os-trabalhos-que-voce-quer/): Por que seu portfólio não traz os trabalhos que você quer? Erros comuns, posicionamento estratégico e como atrair clientes ideais. Corrija já!
- [Seu portfolio deve ser o melhor site que você já fez](https://dpw.dev/miscelanea/seu-portfolio-deve-ser-o-melhor-site-que-voce-ja-fez/): Seu portfólio deve ser o melhor site que você já fez. Mostre verdadeira capacidade técnica e criativa através de showcase impecável. Impressione!
- [Seu portfolio não serve para conseguir clientes](https://dpw.dev/miscelanea/portfolio-nao-serve-para-conseguir-clientes/): Portfólio não serve para conseguir clientes sozinho. Descubra estratégia completa de marketing pessoal e networking além do showcase. Evolua!
- [7 dicas para um portfolio eficiente](https://dpw.dev/miscelanea/7-dicas-portfolio-eficiente/): Monte um portfólio que impressiona e converte clientes. Aprenda a selecionar trabalhos, criar narrativa e destacar suas melhores habilidades.
- [4 informações que todo portfolio precisa ter](https://dpw.dev/miscelanea/4-informacoes-que-todo-portfolio-precisa-ter/): Construa um portfólio profissional completo. Descubra as 4 informações essenciais que não podem faltar para atrair e converter clientes ideais.
- [3 super dicas para portfolios eficientes](https://dpw.dev/miscelanea/3-super-dicas-portfolios-eficientes/): Transforme seu portfólio em uma ferramenta de vendas poderosa. Aprenda a definir objetivos, selecionar trabalhos e conquistar mais clientes.
- [O que colocar no portfolio?](https://dpw.dev/miscelanea/o-que-colocar-no-portfolio/): Saiba exatamente o que colocar no portfólio profissional. Projetos estratégicos, cases, descrições e elementos essenciais para impressionar clientes!
- [O que é portfolio?](https://dpw.dev/miscelanea/o-que-e-portfolio/): O que é portfólio e sua importância profissional essencial. Definição completa, tipos e como usar estrategicamente para destacar trabalho. Entenda!
- [O portfolio deve ser adequado ao tipo e nível do negócio](https://dpw.dev/miscelanea/portfolio-adequado-tipo-nivel-negocio/): Crie portfólio adequado ao tipo e nível de negócio. Adapte apresentação estratégica para freelance, agência ou empresa conforme mercado. Destaque-se!
- [Por que algumas pessoas têm bons portfolios e outras não?](https://dpw.dev/miscelanea/por-que-algumas-pessoas-tem-bons-portfolios-e-outras-nao/): Por que algumas pessoas têm bons portfólios e outras não conseguem. Diferenças entre portfólios eficazes e medíocres, e como melhorar o seu. Evolua agora!
- [Introdução à gamificação (parte 3): exemplos do mundo real](https://dpw.dev/miscelanea/gamificacao-introducao-exemplos-gamificacao/): Exemplos práticos e inspiradores de gamificação na web. Cases de sucesso reais, implementações e como aplicar mecânicas de jogos. Inspire-se agora!
- [Introdução à gamificação (parte 2): vantagens da gamificação](https://dpw.dev/miscelanea/gamificacao-introducao-vantagens-gamificacao/): Descubra vantagens da gamificação em aplicações web. Benefícios comprovados, ROI e como mecânicas de jogos melhoram engajamento e conversão. Gamifique!
- [Introdução à gamificação (parte 1): princípios da gamificação](https://dpw.dev/miscelanea/gamificacao-introducao-principios-gamificacao/): Introdução aos princípios essenciais de gamificação. Entenda motivação, recompensas, progressão e elementos que engajam usuários. Gamifique!
- [Second Meaningful Content: a pior métrica de performance](https://dpw.dev/miscelanea/second-meaningful-content-performance-metrica/): Second Meaningful Content: a pior métrica de performance web. Entenda pintura de conteúdo significativo e real impacto em UX. Analise criticamente!
- [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!
- [dpw2019: a nova versão do blog](https://dpw.dev/miscelanea/dpw2019-a-nova-versao-do-blog/): Conheça o dpw2019 com CSS Grid Layout e ritmo vertical tipográfico. Nova versão do blog com legibilidade aprimorada e design minimalista moderno. Veja!
- [5 diferenças entre portfolios eficientes e portfolios ruins](https://dpw.dev/miscelanea/5-diferencas-portfolios-eficientes-portfolios-ruins/): Descubra 5 diferenças entre portfolios eficientes e portfolios ruins. O que separa portfolios que convertem de portfolios que falham. Melhore o seu agora!
- [Retrospectiva 2017](https://dpw.dev/miscelanea/retrospectiva-2017/): Relembre 2017 no dpw: JavaScript this, Motion UI, microinterações e o polêmico DOM. Veja os artigos que marcaram o ano e impactaram a web brasileira!
- [10 dicas que desenvolvedores web iniciantes devem saber](https://dpw.dev/miscelanea/10-dicas-desenvolvedores-web-iniciantes-devem-saber/): Guia completo para iniciar sua carreira em desenvolvimento web. Aprenda quais habilidades focar e como planejar seu crescimento profissional.
- [rel=noopener para benefícios de performance e segurança](https://dpw.dev/miscelanea/relnoopener-performance-seguranca/): Use rel=noopener para performance e segurança web. Proteja sites de vulnerabilidades sérias e melhore velocidade em links externos. Proteja-se!
- [Acabem com Google AMP antes que ele acabe com a web](https://dpw.dev/miscelanea/acabem-com-google-amp/): Análise crítica sobre Google AMP e seu impacto na web. Entenda os riscos do aprisionamento tecnológico e a centralização de conteúdo pelo Google.
- [Desenvolvimento Orientado a Modinha (DOM)](https://dpw.dev/miscelanea/desenvolvimento-orientado-a-modinha-dom/): Cuidado com Desenvolvimento Orientado a Modinha (DOM)! Entenda perigos de escolher tecnologias baseado em hype ao invés de análise técnica. Reflita!
- [Ser um generalista não é uma coisa ruim](https://dpw.dev/miscelanea/generalista-desenvolvimento-web-vantagens-desvantagens/): Ser generalista em desenvolvimento web: vantagens e desvantagens. Análise profunda sobre carreira full-stack vs especialização. Escolha seu caminho!
- [Melhores práticas para uma API RESTful pragmática (parte 2)](https://dpw.dev/miscelanea/api-restful-melhores-praticas-parte-2/): Continue aprendendo práticas essenciais de API RESTful. Descubra paginação, autenticação, rate limiting, caching e tratamento de erros profissional.
- [Retrospectiva 2016](https://dpw.dev/miscelanea/retrospectiva-2016/): Descubra os melhores artigos de 2016: Motion UI, JavaScript funcional, APIs RESTful e validação de formulários. Confira os destaques do ano!
- [Accelerated Mobile Pages (AMP): 1 ano depois](https://dpw.dev/miscelanea/accelerated-mobile-pages-amp-1-ano-depois/): Análise do primeiro ano do projeto Google AMP na prática. Descubra estatísticas de adoção, impacto real na performance e resultados de publishers. Veja!
- [Melhores práticas para uma API RESTful pragmática (parte 1)](https://dpw.dev/miscelanea/api-restful-melhores-praticas-parte-1/): Projete APIs RESTful eficientes e amigáveis. Aprenda versionamento, SSL, documentação, filtragem e padrões que realmente funcionam na prática.
- [dpw2016](https://dpw.dev/miscelanea/dpw2016/): Apresentação do dpw2016 com Foundation Framework, Flexbox e ECMAScript 6. Descubra evolução técnica revolucionária e novos recursos visuais modernos. Confira!
- [Conteúdo Modular e Adaptável](https://dpw.dev/miscelanea/contedo-modular-adaptavel/): Entenda os 5 elementos do conteúdo adaptável: reusável, estruturado, independente, com metadados significativos e interfaces usáveis de CMS.
- [Retrospectiva 2015](https://dpw.dev/miscelanea/retrospectiva-2015/): Retrospectiva 2015 do desenvolvimento para web. Relembre principais artigos, conquistas e momentos marcantes do ano no blog. Nostalgia pura!
- [Accelerated Mobile Pages](https://dpw.dev/miscelanea/accelerated-mobile-pages-amp/): Entenda o projeto Google AMP para páginas móveis instantâneas. Conheça a tecnologia, limitações e como melhorar dramaticamente a performance mobile.
- [A evolução do portfolio (e do profissional web)](https://dpw.dev/miscelanea/evolucao-portfolio-profissional-web/): Evolua seu portfólio profissional web constantemente. Dicas práticas para apresentar trabalhos, conquistar clientes ideais e destacar-se. Cresça!
- [Device-Agnostic ou Web Design Responsivo Independente de Dispositivo](https://dpw.dev/miscelanea/device-agnostic-web-design-responsivo/): Entenda Device-Agnostic design: abordagem que considera navegadores, conexões e inputs diversos. Desenvolva sites preparados para qualquer cenário.
- [Melhore o tempo de carregamento com subconjuntos de fontes](https://dpw.dev/miscelanea/melhore-o-tempo-de-carregamento-com-subconjuntos-de-fontes/): Melhore carregamento com subconjuntos de fontes (font subsetting). Reduza drasticamente tamanho de webfonts incluindo apenas caracteres necessários.
- [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!
- [O que todo desenvolvedor front-end deve saber sobre renderização de páginas web](https://dpw.dev/miscelanea/desenvolvedor-frontend-renderizacao-paginas-web/): Entenda como navegadores renderizam páginas web. Guia essencial sobre DOM, CSSOM e otimização de performance que todo dev front-end precisa saber.
- [Como criar a ilusão de páginas mais rápidas](https://dpw.dev/miscelanea/como-criar-a-ilusao-de-paginas-mais-rapidas/): Melhore a performance percebida do seu site. Técnicas comprovadas para criar ilusão de velocidade: indicadores, skeleton screens e lazy loading.
- [Namespacing em JavaScript](https://dpw.dev/miscelanea/namespacing-em-javascript/): Namespacing em JavaScript: organize código e evite conflitos globais. Padrões de encapsulamento essenciais para projetos escaláveis e manuteníveis. Organize!
- [dpw2014 - parte 2: desempenho / performance](https://dpw.dev/miscelanea/dpw2014-parte-2-desempenho-performance/): Guia completo sobre performance web no dpw2014 - Parte 2. Aprenda técnicas de otimização avançadas, front-end performance e melhores práticas. Otimize!
- [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!
- [dpw2014](https://dpw.dev/miscelanea/dpw2014/): Lançamento do dpw2014 sob nova direção da webfatorial. Conheça a parceria estratégica, novo design moderno e melhorias implementadas. Descubra!
- [.htaccess: redirecionamento automático para sites em manutenção](https://dpw.dev/miscelanea/htaccess-redirecionamento-automatico-sites-em-manutencao/): Redirecionamento automático com .htaccess para sites em manutenção. Configure HTTP 503 e páginas temporárias corretamente para preservar SEO. Implemente!
- [Relação cliente e profissional web no mundo real](https://dpw.dev/miscelanea/relacao-cliente-e-profissional-web-no-mundo-real/): Relação cliente e profissional web no mundo real sem filtros. Como lidar com expectativas, comunicação eficaz e desafios do dia-a-dia. Aprenda na prática!
- [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!
- [Twitter Bootstrap](https://dpw.dev/miscelanea/twitter-bootstrap/): Twitter Bootstrap: o framework front-end mais popular do mundo. Grid system flexível, componentes prontos e desenvolvimento rápido de interfaces responsivas!
- [Livro "Web Design Responsivo"](https://dpw.dev/miscelanea/livro-web-design-responsivo/): Resenha completa do livro Web Design Responsivo de Ethan Marcotte. Fundamentos, técnicas e estratégias para criar sites adaptativos. Leia já!
- [Portfolio com foco em desenvolvimento web](https://dpw.dev/miscelanea/portfolio-foco-desenvolvimento-web/): Crie portfólio com foco em desenvolvimento web. Como apresentar cases técnicos, código, projetos e habilidades para conseguir clientes. Destaque-se!
- [Desenvolvedores front end e o mercado](https://dpw.dev/miscelanea/desenvolvedores-frontend-mercado/): Análise profunda sobre desenvolvedores front-end e mercado de trabalho atual. Reflexões sobre carreira, valorização profissional e evolução da área. Reflita!
- [dpw2012: novo tema do desenvolvimento para web](https://dpw.dev/miscelanea/dpw2012-novo-tema-do-desenvolvimento-para-web/): Apresentação histórica do dpw2012 com HTML5 Boilerplate e Twitter Bootstrap. Veja tecnologias revolucionárias e motivações do novo tema responsivo!
- [Estratégia de Conteúdo ou Content Strategy](https://dpw.dev/miscelanea/estrategia-de-conteudo-content-strategy/): Entenda Content Strategy (Estratégia de Conteúdo) profundamente. Guia completo sobre planejamento, criação e gestão estratégica de conteúdo web. Planeje!
- [8 maneiras de melhorar a performance de um site](https://dpw.dev/miscelanea/8-maneiras-de-melhorar-a-performance-de-um-site/): Acelere seu site com 8 técnicas front-end comprovadas. Aprenda otimização de imagens, minificação de código e redução de requisições HTTP. Melhore agora!
- [dpw2010: novo tema do desenvolvimento para web](https://dpw.dev/miscelanea/dpw2010-novo-tema-desenvolvimento-para-web/): Conheça o dpw2010, novo tema histórico do desenvolvimento para web. Descubra melhorias em design, performance, usabilidade e recursos implementados. Relembre!
- [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!
- [Perguntas ao cliente para antes e depois de um projeto](https://dpw.dev/miscelanea/perguntas-cliente-antes-depois-projeto/): Perguntas essenciais para fazer ao cliente antes e depois do projeto web. Briefing completo, expectativas e validação para sucesso garantido. Aplique!
- [Como otimizar imagens para Web: guia de otimização de imagens](https://dpw.dev/miscelanea/como-otimizar-imagens-web-internet/): Guia completo de otimização de imagens: formatos JPG, PNG, WebP e GIF. Aprenda compressão, lazy loading e técnicas para melhorar performance.
- [Sobre parcerias de trabalhos em desenvolvimento web](https://dpw.dev/miscelanea/sobre-parcerias-de-trabalhos-de-desenvolvimento-web/): Parcerias de trabalho em desenvolvimento web profissional. Como colaborar efetivamente, dividir projetos e construir relações duradouras. Colabore!
- [Novo tema para o blog: dpw2009](https://dpw.dev/miscelanea/novo-tema-para-o-blog-dpw2009/): Conheça o dpw2009: primeiro tema profissional do blog desenvolvimento para web. História, evolução do design e tecnologias usadas. Nostalgia!
- [Quando o cliente (pensa que) sabe mais](https://dpw.dev/miscelanea/quando-o-cliente-pensa-que-sabe-mais/): Quando o cliente pensa que sabe mais que você: como lidar. Estratégias práticas para situações difíceis mantendo profissionalismo e qualidade!
- [Google Chrome - primeiras impressões sobre o navegador da Google](https://dpw.dev/miscelanea/google-chrome-primeiras-impressoes-sobre-o-navegador-da-google/): Google Chrome: primeiras impressões históricas de 2008. Análise do lançamento e impacto do navegador que revolucionou a web para sempre. Relembre!
- [Web sites genéricos e a ilusão dos preços baixos](https://dpw.dev/miscelanea/web-sites-genericos-e-a-ilusao-dos-precos-baixos/): Web sites genéricos e a ilusão dos preços baixos. Entenda por que templates baratos saem caro e o real valor de projetos customizados. Saiba mais!
- [Como montar um portfolio sem ter clientes](https://dpw.dev/miscelanea/como-montar-um-portfolio-sem-ter-clientes/): Estratégias práticas para montar portfolio profissional mesmo sem clientes. Dicas essenciais para desenvolvedores web iniciantes começarem bem. Comece já!
- [Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores](https://dpw.dev/miscelanea/maneiras-praticas-para-melhorar-a-visitacao-de-seu-blog-e-fidelizar-seus-leitores/): Maneiras práticas para melhorar visitação e fidelizar leitores do blog. Estratégias comprovadas de conteúdo, SEO e engajamento para sucesso. Aplique!
- [Briefing para desenvolvimento de web sites: considerações, dicas e modelos](https://dpw.dev/miscelanea/briefing-para-desenvolvimento-de-web-sites-consideracoes-dicas-e-modelos/): Aprenda a fazer briefings eficazes com clientes. Guia completo com perguntas essenciais, dicas de condução e modelos prontos para projetos web.
- [Desenvolvimento para web 2.0](https://dpw.dev/miscelanea/desenvolvimento-para-web-2/): Anúncio histórico da versão 2.0 do blog desenvolvimento para web. Conheça mudanças revolucionárias de design, performance e identidade visual. Relembre!
- [Entrevista com Robert Cailliau, co-criador da Web](https://dpw.dev/miscelanea/entrevista-com-robert-cailliau-co-criador-da-web/): Entrevista histórica exclusiva com Robert Cailliau, co-criador da World Wide Web. Suas visões sobre evolução da rede, comercialização e futuro. Leia!
- [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!

---

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