CURSO “DISCOVER DEVTOOLS” ATUALIZADO E COM LEGENDAS EM PORTUGUÊS

O curso Discover DevTools continua gratuito e inclui lições sobre DOM e estilos, como trabalhar com o console JavaScript, como depurar e como identificar problemas de performance. Ao adicionar legendas em Espanhol e Português para o curso, esperam ver mais desenvolvedores talentosos aprofundando seus conhecimentos no Chrome DevTools e como ele pode acelerar seu workflow de desenvolvimento.

Dê uma olhada no curso Discover DevTools e veja como ele pode te ajudar a ser um desenvolvedor mais produtivo.

ZENO ROCHA – CAMPUS PARTY 2014

Com apenas 22 anos, Zeno Rocha é engenheiro front-end e já trabalhou em empresas como Petrobras, Globo.com e a norte-americana Liferay, além de ser o único brasileiro do programa Google Developer Experts. Com uma linguagem jovem e divertida, Zeno compartilhou suas experiências de empreendedor nas empresas onde trabalhou e nos deu dicas valiosas para sair da zona de conforto e mudar o modo como encaramos o trabalho.

1. Reconheça as oportunidades. Quando surge uma coisa nova, ficamos com medo e não investimos nessa coisa. Por isso, não tenha medo do novo.

2. Quando você arrisca, coisas incríveis acontecem, sejam elas boas ou ruins. Zeno gostava de programar em flash para a web, porém a linguagem decaiu e ele foi aprender HTML5. Depois disso, começou a dar palestras no mundo todo. “O HTML5 pode ser o querido hoje, assim como o flash foi no passado, mas ele não será no futuro. O importante é como você vai encarar a mudança, você vai ser o cara que a odeia ou falar: ‘meu, isso é muito foda! Vamos encarar, posso me dar bem no futuro”, afirma Zeno.

3. Freela não compensa. Não pense no dinheiro que você irá ganhar, a não ser que você esteja muito ferrado. Opte sempre pela experiência que ganhará, o tempo que você gasta trabalhando no freela, você poderia investir em algo que você realmente gosta e que irá acrescentar algo na sua carreira. Quando Zeno pediu demissão da Globo.com, a empresa queria cobrir ou até aumentar a proposta da Liferay, porém ele não aceitou, pois queria fazer impacto no mundo e ter de adquirir a experiência de trabalhar em outro país.

4. Saiba mensurar o tempo em que você leva para realizar determinado trabalho, se você não o fizer, sempre entregará seus projetos fora do prazo e seu cliente ficará descontente.

5.Qualidade acima de quantidade. Prefira trabalhar um ano em um projeto do que em milhares de projetos toscos. Além disso, valorize seu trabalho. Você quer ser visto no mercado como aquele quebra galho barato ou o melhor cara da área?

6. Seja proativo, não espere seu chefe te pedir para fazer alguma coisa. Se a demanda não existe, crie-a.

7. Ferramentas vem e vão. Invista bastante tempo aprendendo novas ferramentas, assim você verá qual é a melhor forma de realizar seu trabalho. E quando achar que você já domina determinada ferramenta, aprenda outra.

8. Ame a segunda-feira. Se você passa a semana toda desejando que ela acabe, peça demissão hoje mesmo. Isso mostra que você não está gostando do que faz, então nunca será bom nisso.

9. Mude o mundo. Zeno, junto com outros feras como Marcel Duran (Twitter) e Renato Mangini (Google), criou um guia, o Como perder peso no browser (How to lose weight in browser), de performance para  front-end em sete línguas diferentes para criar a melhor referencia possível para o publico dessa área. O site conseguiu tem milhares de acesso no mundo todo e está concorrendo ao Best Collaborative Project.

E aí, depois dessas dicas valiosas, vai começar a empreender em você?

Mariana Marinho
Voluntária/Campusera

Novidades no Bootstrap 3.1.0

Novas funcionalidades, muitas correções de bugs e melhorias, e ferramentas de compilação atualizados.

Nova Documentação

Há toneladas de mudanças em várias linhas. Assim como a v2.1 trouxe novo design, v3.1 foca na documentação como se pode perceber a página inicial está mais intuitiva e resalta caracteristicas-chaves além de novos exemplos.

Oficial Sass

A melhor parte da v3.1 é o suporte para Sass que ao invés de inchar o projeto com suporte para LESS e Sass e toda documentação eles mantiveram separados por enquanto.

Novos Exemplos

Agora há três novos exemplos: Blog, Capa e Dashboard. Cada exemplo fornece uma única página de grandiosidade para você começar rapidamente em um projeto construído com Bootstrap. Eles são ágeis e pronto para começar.

Recursos Aprimorados
Um punhado de recursos que não são exatamente novas para Bootstrap ter visto uma atualização em v3.1:

- Modais agora incluem tamanhos opcionais
- Dropdowns agora têm suas próprias classes de alinhamento para a personalização mais fácil
- Estilos de feedback Formulário para os estados de validação agora incluem ícones opcionais para reforçar a mudanças de cor

Tudo-em-tudo isso faz componentes mais focado, mais durável e mais fácil de trabalhar with.See o changelog incluído com o lançamento GitHub para a lista completa de novos recursos.

Ferramentas de Construção Melhorados
Bootstrap e v3.1 traz uma série de atualizações.

Mudaram para grunt-contrib-less menos para o compilador, LESS 1.6.x (em oposição a 1.3.x com Recesso).
Código do compilado é praticamente idêntica em formatação e organização graças a CSScomb e algum outro Grunt-fu.
Os testes também correr um pouco mais rápido com a ajuda de alguns cache mágico e paralelização.
O Customizer web agora é gerado a partir de uma tarefa Grunt, o que significa que nunca vai perder a atualização ou a adição de uma variável novamente. Se você contribuir para o arranque regularmente, basta executar grunhido e se comprometem a atualizar a página.
Atenção! Se você desenvolver Bootstrap local, certifique-se de bombardear o seu diretório /node_modules e executar npm instalar antes de começar com v3.1.

Postagem Original

Deixar o programa portátil com VM Ware ThinApp

Olá pessoal, nesse tutorial ensinei como transformar um programa instalado em um programa portátil para carregar no pendrive.

Deixar o programa portátil com Winrar

Olá pessoal, nesse tutorial ensinei como transformar um programa instalado em um programa portátil para carregar no pendrive.

Deixar o programa portátil com Cameyo

Olá pessoal, nesse tutorial ensinei como transformar um programa instalado em um programa portátil para carregar no pendrive.

E-mail marketing foi bloqueado por spam?

É normal para o pessoal novo nessa área de e-mail marketing o susto ao perceber que foi bloqueado por spam, mas calma oque faz o provedor bloquear a entrega do e-mail marketing é a má reputação do IP e falta de qualidade dos códigos HTML, a reputação do IP é analisada devido as mensagens enviadas pela própria empresa aos seus contatos e em relação ao comportamento da base, além da fundamental relevância da mensagem.


1. Mantenha a base de dados higienizada:
 Não deixe sua página de contatos com emails que não existem e que não tem aplicação nenhuma de nenhum database marketing, os provedores analisam que se o seu sistema de banco de dados tem tantos emails que não existem então um relacionamento com a base de contatos. Higienize seu banco de dados e tire os emails que foram considerados hard bounces.


2. Reporte de spam:
Se deve evitar ao máximo a falta de relevância do e-mail marketing para que a atitude do destinatário seja receptiva, caso ele clique em reportar o e-mail como spam ele vai estar dizendo ao provedor assim "este e-mail não está sendo entregue com coerência e não quero mais receber" se essa ação for natural entre muitas mensagens enviadas pelo mesmo domínio/IP, o provedor identifica que o remetente faz spam e nesse caso faz o bloqueio é preciso estudar o relacionamento com a base de contatos e entrega de mensagens relevantes de acordo com seu interesse.


3. Cuidado com o spam trap:
Esses spam trap são aqueles emails que o provedor manda para digitar um código de confirmação para a entrega do e-mail para o destinatário, porém os provedores mais antigos costumam usar e-mails sem atividade há algum tempo para criar seus spam traps. Isso quer dizer que, se sua empresa possui uma base opt-in muito antiga, ela pode estar cheia de spam traps. Neste caso, o ideal é trabalhar com a base de contatos que interage com seu e-mail marketing, com frequência. Com o restante da base, é aconselhável realizar comunicações esporádicas, apenas com o intuito de ativá-la, ou seja, aumentar o número de contatos que interagem. Aqui estamos falando de relevância de comunicação.


4. Interação é fundamental:

Alguns provedores conseguem reconhecer quando um e-mail marketing não é interessante para o contato e, assim, mudam o comportamento de entrega. Independente de ser um ou um milhão de destinatários que reportam o e-mail marketing como spam ou mesmo não interagem com a mensagem, esse histórico favorece o bloqueio da entrega dos e-mails.

Alguns provedores, como o Gmail e o hotmail, já trabalham com análise comportamental one to one. Isso quer dizer que o e-mail poderá ser entregue na caixa de entrada ou de spam em consonância com o histórico de interações de uma única pessoa. De acordo com as diretrizes para envio em massa publicada pelo Gmail, a maneira como ele classifica spam depende fortemente das denúncias de seus usuários. Os usuários do Gmail podem marcar ou desmarcar qualquer mensagem sempre que desejarem: “Nós analisamos os relatórios de nossos usuários e corrigimos problemas a fim de fornecer a melhor experiência para o usuário. Desde que nossos usuários não considerem seus e-mails como spam, ele não deverá ter problemas de entrega em caixas de entrada”. Leia mais em:http://mail.google.com/support/bin/answer.py?hl=br&answer=81126
Além dessa classificação, o gmail também criou a chamada “Caixa prioritária” que analisa a relevância das mensagens de acordo com a interação e insere as menos relevantes na caixa não prioritária. O hotmail também lançou, recentemente, a notícia de que começaria a trabalhar desta forma.

Para evitar que o e-mail marketing seja considerado spam, é preciso que o contato que o recebeu interaja. Para que o contato interaja com o e-mail marketing, é necessário que ele seja…relevante.

5. Aplique relevância na campanha de e-mail marketing:

Para toda e qualquer campanha, a palavra da ordem é relevância. Alguns provedores de e-mail disponibilizam serviços que ajudam a medir a saúde dos IP’s. O Smart Network Data Services, por exemplo, é um serviço disponibilizado pelo Hotmail que auxilia as empresas a entender a reputação de seus IP’s, a partir do envio de e-mail marketing (quantidade de erros, spam traps e reportes).

6. Apenas medir não é suficiente, é preciso agir:

É fundamental estudar o comportamento da base, pesquisar seus interesses, suas preferências e o momento em que cada contato vive. O Hotmail criou um programa chamado “especialistas”. Ele escolhe e convida pessoas aleatoriamente para classificar mensagens eletrônicas como “lixo” ou “não lixo”. Com esse programa, o Hotmail evita o chamado “falso positivo” e “falso negativo”. Se uma mensagem chega à caixa de entrada e a maioria dos “especialistas” a classificam como spam, no futuro, certamente essa mensagem chegará diretamente à caixa de spam.

Em suma, “converse” com quem quer “ouvir”. Não adianta forçar a barra. A tecnologia traz funcionalidades incríveis para um bom relacionamento digital. Aproveite isso!

E aqui fica meu conselho: antes de arrancar os cabelos tentando entender por qual motivo os provedores estão bloqueando seu e-mail marketing, faça a si mesmo a pergunta: “Quão relevante é minha mensagem para cada contato?”

7. O subject cuidado com o limite:

O limite para o subject é de 50 caracteres, evite de baixa reputação como "promoção, imperdível, crédito" não use acentos gráficos "!?" e nunca use subject em caixa alta. Seja objetivo se for uma promoção coloque o nome da promoção evite acentos e palavras fiscalizadas pelos anti-spam como "divulgue, consulte-nos, frete grátis" além das já citadas, se for um newsletter escolha o assunto principal e coloque no subject os demais deixe na mensagem apenas.

8. Uso de imagens:

Fatie a imagem do template além de inserir tags "alt" que permitirão o compreendimento do e-mail antes do carregamento das imagens, mapeie, insira hiperlinks e nos endereços das imagens não use palavras marcadas. uma imagem em uma pasta chamada marketing, promo ou e-mailmkt vai pontuar e muito o seu template. Equilibre seu template, use imagens mas também use textos o ideal é 50% para cada isso deixa seu HTML puro, nada de CSS, DIVs, Styles e Javascript pois todos são bloqueados nos webmails.

Programa portátil com Cameyo

Vou mostrar como você pode tornar aquele programa legal que você tem em portátil para carregar no pendrive sem precisar instalar e tudo isso sem esforço algum.

Workflow (fluxo de trabalho) de um Web Designer

Muitas empresas e indivíduos que precisam da ajuda de um web designer para seus sites. Claro, eles querem que olhar tão profissional quanto possível para que pudesseatrair o grupo certo de audiência. Eles confiam na web designers para fazer seus negócios online bem sucedido e para web designers se também certificar-se que eles poderiam dar o que o cliente quer.

Mas, além de adquirir e fornecer um web design grande, também é importante queambas as partes sabem o fluxo de trabalho de projeto ou processo a fim de evitar certos equívocos. Isso também irá ajudar o cliente eo designer para chegar a acordo sobre um cronograma do projeto. Tenha em mente que o cliente deve conhecer o processo de design, para que eles não teriam dúvidas sobre qualquer coisa. Explicar tudo para o cliente e fazê-los entender o processo. Isso vai ajudar muito em ter uma boa relação de trabalho com eles. Neste artigo, damos-lhe um guia sobre como fazer o seu trabalhopróprio projeto web.

1. Consulta

Primeira coisa que estaria falando com seu cliente sobre o que suas exigências são, o propósito do site, quais são as coisas que eles querem colocar no seu site, as cores que optar por usar, as imagens que deseja usar, e muitos outros da informação. Certifique-se de reunir todas as informações que você precisa na reunião inicial para que você possacomeçar a fazer uma proposta de projeto para eles. Você também tem que saber o orçamento do cliente assim que você pode limitar-se sobre o referido orçamento. Antes de vir para a primeira reunião, preparar as perguntas que você precisa perguntar.Lembre-se também para atuar profissionalmente ainda você tem que ser simpático e acolhedor, ao falar com seu cliente online e offline.

2. Fazer uma proposta de projeto

Nesta etapa, você tem tudo preparado para o cliente ver. Mostrar-lhe sua idéia de concepção do projeto, sugeriu mapa do site, linha do tempo, as aplicações de sistema e software, o custo do projeto, o papel do cliente, manutenção de sites e search engine marketing, material de marketing sugeriu, condições de pagamento, as questões de direitos autorais eo processo de aprovação . Você precisa explicar e discutir cada detalhe do projeto. Se o cliente sugere algo, aceitá-lo, mas se você acha que não é adequado para o projeto, você pode sugerir outra coisa respeitosa. Você também precisa explicar por que você acha que sua idéia é melhor. Sempre dar uma explicação honesta. O seu cliente irá apreciá-lo, porque mostra que você se importa com o projeto e o cliente também.

3. Assinatura do contrato

Nunca se envolver em qualquer transação sem um contrato. Sempre tem um. Depois de mostrar a proposta do projeto eo cliente concordaram com isso, fazer um contrato e tê-loassinado por ambas as partes. Isto lhe dará uma garantia para você e seu cliente de que tudo que já tenha discutido e acordado não pode ser mudado mais. Certifique-se também que você vai acompanhar tudo no contrato. Pelo tempo que o cliente assina-lo, você pode começar a trabalhar no projeto.

4. Aquisição de materiais necessários.

Com o sinal para começar, você precisa dos materiais para o projeto. Assim, as coisaspedido de seu cliente, como imagens, conteúdo, logos e outros. É claro, você estáapenas fazendo o projeto e é o seu cliente quem determina o conteúdo. Certifique-se que você terá imagens de alta resolução, para que ela vai ficar bem no site. Certifique-se também para reunir tudo para que você não precisaria ser chamá-los de vez em quando para esperar por algum conteúdo faltando você deixou de perguntar. Isso vai provocar um atraso para o projeto e você vai estragar o seu cronograma de projeto.

5. Fazer alguma pesquisa

Faça alguma pesquisa sobre os concorrentes do seu cliente de modo que você saberá o que fazer com seu web site. Claro, você tem que fazer isso melhor do que o site do concorrente. Além disso, determinar algumas palavras-chave que seria eficaz paraSearch Engine Optimization. Você pode sugerir isso para o cliente e tê-lo incorporado no seu site. Você também pode sugerir alguns conteúdos que podem ajudá-los a conseguir uma classificação mais elevada. Diga-lhes os resultados de sua pesquisa. Eles certamente será feliz que você teve o esforço de fazê-lo, a fim de ajudá-los.

6. Faça um Mapa do Site e Molduras Wire

Desta vez você tem que fazer um mapa do site e armações de arame. Para garantir que o conteúdo do seu site é organizado e fácil de navegar, há uma necessidade de ter um mapa do site que é um fluxograma de páginas de um web. Fora isso, também é importante para fazer wireframes. Wireframes são esqueletos de páginas importantes em um site que será usado por usuários on-line para realizar uma tarefa particular.Ambas as coisas são importantes na tomada de um site.

7. Fotografia e Imagens

Há casos em que o cliente continuará a pedido de uma fotografia tiro exclusivamente para o site. Você tem que se preparar para isso. Às vezes, eles simplesmente fornecer-lhe as imagens. Apenas certifique-se que as imagens dão-lhe têm boa qualidade e alta resolução, para que ele aparecerá bem no site.

8. Criando o projeto do Web site

Depois de recolher as fotos e fazer o mapa do site e wireframes, você pode fazer o design do site. Lembre-se dos pontos importantes do seu cliente lhe deu durante a consulta. Olhe para suas anotações e não esquecer de nada. Coloque o conteúdo do seu cliente lhe deu. Após fazer isso, mostrar para seu cliente no formato PDF e deixá-lo comentar sobre ele. Se houver correções e outros insumos, incorporá-lo no projeto.

9. Tornar o site beta

Pelo tempo que o design do site é aprovado, é hora de você fazê-lo funcionar como um website. Criá-lo em formato XHTML. Em seguida, fazer a programação de páginas XTHML, folhas de estilo CSS, Javascript e validação de elementos dinâmicos como formulários web, etc Também preparar o local para Search Engine Optimization, utilizando as tags título certo tags, meta, palavras-chave e tags alt das imagens. Você também precisa testá-lo para a compatibilidade do navegador. Seria melhor se ele roda bem qualquer tipo de navegador do público usa. Após fazer isso, fornecer um link para o cliente para que ele pudesse ver o site.

10. Tornando o conteúdo final

Quando o cliente é feito verificando o site, e você ter incorporado todas as correções do cliente, agora você pode finalizar o conteúdo do website. Claro, você tem que mostrar o resultado final para o cliente apenas no caso de haver pequenos ajustes.

11. Lançamento do site

Procure um bom host para o seu site web. Existem muitos sites de hospedagem que você pode escolher. Leia opiniões desses sites e tentar comparar as características de cada um. Desta forma, você poderia escolher o direito host. Além disso, tente testes de usabilidade antes do lançamento final do website.
Se você trabalha com um guia particular ou processo, você não vai perder nada. Isto é muito vital para garantir que seu trabalho está em sua ordem correta. Mas todo fluxo de trabalho designer não é o mesmo com outros de fluxo de trabalho. Pelo menos, nós fornecemos-lhe um guia em um processo de design web. Se existem outros pontos importantes que você gostaria de adicionar, sinta-se livre para fazê-lo.