Sei que faz um tempão que não publico nada no ueb3, muitos vem me cobrando atualizações, porém a vida é corrida demais! Pretendo mantê-lo mais atualizado daqui pra frente…

Abaixo segue uma apresentação feita pela inter.net que vale muito a pena conferir! Está cheia de dicas e sugestões que ajudarão muito os seus projetos web.

Confira logo abaixo a apresentação, ou, caso queira, veja direto no site prezi.com clicando aqui.

Não sejam tímidos, comentem

Quem nunca precisou formatar sua máquina e perder todos os softwares instalados, e depois perder tempo reinstalando todos novamente? Principalmente nós, profissionais da web, que necessitamos de diversos navegadores, editores e afins.

Pois é, seus problemas acabaram Existe um site, chamado Ninite, onde você consegue selecionar os softwares que atendem a sua necessidade, e em seguida fazer download de todos eles de uma só vez! Para visualizar este recurso, o link está aqui ou na imagem abaixo. Espero que gostem da dica

Dez entre dez webdesigners se tremem ao ouvir do cliente aquela pequena frase, bem negativa: não gostei. Quem aqui gosta de ouvir isso? Acho que ninguém, não é mesmo? Nem os novatos, nem os experientes.

Se você já passou por isso, e se sentiu apertado e pressionado pelo cliente, vale a pena a leitura deste excelente post do Bruno Ávila. Clique na imagem abaixo e boa leitura

Por: Equipe InfoMoney

A correria do dia-a-dia, a competitividade no mercado de trabalho, as cobranças, o trânsito, as dificuldades financeiras são apenas alguns dos fatores que causam estresse nos profissionais.

O estresse, tanto de natureza física, psicológica ou social, é composto por um conjunto de reações fisiológicas que, se exageradas em intensidade ou duração, podem levar a um desequilíbrio no organismo.

“Ele se manifesta quando nos preocupamos demais, quando estamos sob pressão ou estamos nos sentindo ameaçados, quando sentimos medo de situações concretas e imaginárias, entre outros fatores”, explicou a médica e psicanalista Soraya Hissa de Carvalho.

O estresse, denominado também como mal do século, é prejudicial para as atividade cognitivas, como a memória e a tensão. Segundo Soraya, pessoas estressadas podem ter a capacidade de fixação afetada, o que pode até causar transtorno de ansiedade.

Férias podem ajudar
Tirar férias é importante para descansar a mente e recarregar as energias, e é também uma solução para combater o estresse, já que o organismo funciona de maneira mais saudável.

“Se não for possível tirar férias, faça um pequeno descanso para diminuir a tensão. Um período distante da rotina do ambiente do trabalho ou da escola pode gerar mais do que momentos de lazer e descontração”, afirmou Soraya.

Segundo a médica, as pessoas sentem tanta dificuldade em relaxar, que ao saírem de férias fazem uma programação igualmente rígida, impondo horas para acordar, passear e dormir. “Devido ao acúmulo de informações no dia-a-dia, é preciso deletar aquilo que não é mais necessário estar na cabeça”, explicou

De acordo com a médica, para quem está de férias, o ideal é se desligar de tudo que possa causar preocupação, esquecer dos horários rígidos e fazer as coisas sem pressa. Uma dica dada por ela é que o profissional neste momento de descanso não se descuide da alimentação.

Você é um daqueles profissionais que, durante o ano, tem muitos compromissos, prazos para entregar trabalhos e relatórios, metas para cumprir, reuniões com clientes e fornecedores… E não consegue se lembrar de tudo?

De acordo com o gerente executivo do INAP (Instituto de Neurolinguística Aplicada), Sandro Pereira, a memória depende do estado emocional, por isso profissionais estressados são os mais prejudicados. “O excesso de estímulo externo [atividades] dificulta a memória das pessoas”, explicou.

A ausência de memória pode ocorrer também por falta de atenção nas atividades que estão sendo executadas no momento. “Muitas pessoas fazem cinco coisas ao mesmo tempo e depois não se lembram do que fizeram porque falta a chamada atenção concentrada”, disse Pereira.

Tipos de memória

Existem dois tipos de memória: curto prazo [ou memória de trabalho] e memória de longo prazo. A primeira serve para armazenar informações por um período restrito de tempo. Por exemplo, quando você precisa anotar um telefone e não há nenhum papel por perto, então você grava ou decora o número até anotá-lo na agenda. Não raro, logo em seguida esquece do que anotou.

Já a memória de longo prazo é o lugar que é armazenado as informações consideradas úteis. “Podemos dizer que a memória de trabalho é a RAM (Randon Access Memory) do computador e a de longo prazo é o HD (Hard Disk)” explicou Pereira.

Fenômenos

Ao transmitir a informação da memória de curto prazo para a de longo prazo, este processo é chamado de consolidação e, ao buscar uma informação na memória de longo prazo, o processo é denominado de evocação.

Na evocação, podem ocorrer três fenômenos que interferem na memória. O primeiro é a deturbação, quando as pessoas lembram apenas de pequenos trechos do que aconteceu e, para ajudar a se recordar, incluem informações que não existiram naquela situação.

O segundo é chamado de ponta da língua, quando você conhece a informação, mas não consegue lembrá-la. E o último é a falsa memória, que ocorre quando as pessoas têm certeza de que aquilo aconteceu, mas na verdade não ocorreu.

Dicas

Seguem abaixo algumas dicas elaboradas pelo INAP que podem ajudar a fortalecer a sua memória:

• Pratique regularmente técnicas de relaxamento;
• Ouça música clássica: de acordo com pesquisas, pessoas que escutam música clássica apresentam reforço nas habilidades de raciocínio espaço-temporal;
• Valorize o poder das estórias: nossa memória semântica vive em um mundo de palavras. Ela é ativada por associações, similarida des ou contrastes.
• Escreva o que você quer se lembrar em detalhes;
• Organize seu pensamento;
• Quando a sua memória lhe escapa, investigue-a: você pode investigar uma memória perdida refazendo seus passos, passando pelo alfabeto para ver se uma letra sugere uma pista, recapturando o humor em que você estava quando a memória foi formada ou pensando sobre o contexto da memória que está tentando reacessar;
• Desafie a sua mente;
• Durma adequadamente;
• Coma alimentos leves e de maneira adequada e tome muita água;
• Exponha-se a estímulos novos;
• Envolva as emoções;
• Divida as informações, especialmente números;
• Use rimas;
• Enfatize a memória dependendo do estado: o que se aprende em um determinado estado mental ou circunstância externa será melhor lembrado no mesmo estado ou circunstância;
• Use a modalidade preferencial da memória: pode ser por meio de listas, desenhos, falar a respeito do que aprendeu, criar rimas entre outros;
• Dê ao seu cérebro uma injeção de glicose: a glicose é fonte primária de energia para o cérebro;
• Evite sedativos e substâncias que induzem a sonolência;
• Preste atenção redobrada às informações apresentadas no meio de uma sessão de aprendizagem, devido à tendência natural do cérebro de lembrar com mais facilidade, o que é apresentado no início e no final;
• Dê ao seu cérebro tempo para descansar.

O produto, que será lançado em breve para todos os usuários do Brasil e de outros países, consiste em um ambiente virtual onde estão centralizados diversos aplicativos web, com o objetivo de melhorar e intensificar a relação entre pessoas, principalmente professores e alunos, em qualquer lugar, a qualquer momento. Através das ferramentas práticas e intuitivas do Com8s – nome que faz referência à palavra inglesa “comates” que significa colegas – os usuários podem criar grupos de discussão, promover enquetes, avaliações e formulários, compartilhar materiais e editá-los, enviar e receber mensagens, e realizar áudio e vídeo conferências, em tempo real.

A novidade representa um avanço no âmbito tecnológico e no processo de ensino-aprendizagem do país, ao aperfeiçoar a comunicação e o relacionamento entre professores e alunos, mesmo quando estão fora da sala de aula. no entanto a primeira versão do produto já será lançada em diversos idiomas, e pretende surpreender usuários de inúmeros países.

Atualmente já é possível cadastrar-se no site do @Com8s (http://com8s.com), no entanto, é preciso esperar pela sua estreia oficial, cuja data será divulgada em breve, pela empresa desenvolvedora, Foresee Solutions.

Fonte: http://www.midiassociais.blog.br/

1. Uso desnecessário do Flash

Tom diz que o flash pode ser muito bem utilizado, como animações isoladas ou ferramenta de vídeo streming. Mas que as desvantagens do uso do flash são inúmeras quando mal empregadas. Seu uso no menu por exemplo, deixa o site menos acessível, principalmente para buscadores como o Google.
Uma boa opção que temos hoje para animações que não seja em flash, é a biblioteca JavaScript chamada jQuery. Esta linguagem nos da muitas opções de animações de menu – veja 12 exemplos que postei anteriormente aqui no ueb3 – e ainda mantém totalmente acessível aos buscadores.

2. Ferramenta de busca que não presta

Quem tem um site hoje sem ferramenta de busca tá perdendo leitores. É importantíssimo uma boa ferramenta de busca no seu site. E isso é fácil de resolver, sites como o Google fornecem esse serviço de busca especialmente para o seu site, dê uma olhada. Hoje só não tem busca no seu próprio site quem não quer, afinal o serviço é grátis e poderoso.

3. Imagens ruins

Segundo Kenny, hoje temos dois tipos de imagens ruins quando se trata de web design. A primeira é o uso de imagens que são desinteressantes ou irrelevantes. Boas Imagens podem transmitir um significado mais rapidamente e passar uma mensagem de forma muito eficaz.”Uma imagem vale mais que mil palavras”, o que é especialmente verdadeiro quando se trata de web design.
A segunda é a qualidade das imagens, de compressão pesada tornando imagens borradas, ou então imagens redimensionadas ficando esticadas ou esmagadas, alterando sua relação de aspecto. Alguma das situações acima, é inaceitável nos dias de hoje mas infelizmente ainda muito frequente.
Existem inúmeros programas gratuitos para edição e compressão de imagens. Sabendo usar as imagens corretamente eu seu site, com certeza este será visto com outros olhos e lhe trará uma quantidade muito maior de visitantes.

4. Uso de URLs estranhas

Tom lembra ainda dos links confusos gerados principalmente por sistemas de gerenciamento de conteúdo. Links como www.exampleurl.com/?p=52 não querem dizer nada, nem a você nem aos motores de busca, o que pode ser prejudicial, por exemplo, na colocação do ranking de resultados do Google.
O ideal é sempre utilizar as chamadas “url’s amigáveis”. Nelas sempre consta o nome da página ou artigo que está aberto no momento (veja o exemplo no próprio blog do ueb3). Normalmente CMS’s como WordPress e Joomla dão a opção para url amigável.

5.A falta de uma mensagem clara

É importante que o visitante entre no seu site e perceba em poucos segundos do que se trata. É frustrante entrar num site e não entender logo na capa o que aquilo ali faz. Às vezes basta um pequeno slogan junto da logo ou então uma imagem do produto em questão. Não é necessário muita coisa e firula não, basta mostrar a ‘cara’ do site na página inicial, e o conteúdo detalhado fica para as páginas internas.

6. Não entender as necessidades do cliente

Nesse caso o cliente que Tom se refere é o seu cliente, aquele que te contratou para fazer o site e não o cliente do seu cliente.
É fundamental que você compreenda o que o seu cliente precisa e como funciona o produto ou serviço que ele oferece. Entendendo o que seu cliente quer, principalmente através de um briefing bem feito, possibilitará que você apresente um trabalho dentro do esperado, evitando assim que o cliente diga “Não gostei, faça de novo”.
99% das vezes que o cliente manda voltar pra casa para fazer um novo layout é culpa do web designer que não entendeu o que o cliente queria e fez algo completamente diferente do esperado. Por isso costumo dizer que o briefing é a etapa mais importante de uma criação para a web.
Tudo bem, eu sei que muitas vezes o cliente não sabe muito bem o que quer em relação as cores e tudo mais, mas isso você deve ter de explicar o porque de cada coisa. Certa vez tive um cliente que queria a logo no topo direito e um banner de publicidade do topo esquerdo. Neste caso, cabe ao webdesigner explicar que o topo esquerdo é um padrão internacional para identificação do dono do site.
O trabalho do webdesigner é montar um quebra cabeças. Pegar todas as necessidades do cliente – através do briefing  - e montar dentro do layout como se fossem peças. Todas encaixadas e em harmonia.

7. Ignorar o Internet Explorer

Mesmo que você use o Firefox, Safari ou outros para trabalhar e fazer seus testes, na hora de colocar no ar é importante adaptá-lo ao Internet Explorer, afinal a grande maioria dos usuários comuns ainda utilizam IE como navegador principal. Tom Kenny afirma: “A maioria dos usuários sequer sabem o que é um navegador”.
Como em todas as profissões, a de webdesigner também tem seus pontos ruins, e eu as considero: IE6, IE7, IE8…hehe

O que acharam?

A segunda pergunta mais comum que me fazem é “Além do site da Apple, há outros 2 ou 3 que você acha realmente atrativo e que funciona bem para o negócio?”

Eu acredito que essas deveriam ser, talvez, a décima ou décima primeira questões a serem feitas, não as duas primeiras. Aqui está a minha lista de perguntas difíceis e importantes que você deveria fazer antes de gastar um centavo:

• Qual o objetivo do site?
• Em outras palavras, quando estiver funcionando muito bem, quais efeitos ocorrerão?
• Quem estamos tentando agradar? Se é a chefe, o que ela quer? Impressionar um tipo de pessoa é importante? Mas que tipo?
• Quantas pessoas da nossa equipe terão que ser envolvidas? Em quais níveis?
• Quem estamos tentando alcançar? Todo mundo? Nossos consumidores? Um certo tipo de prospect?
• Quais os sites com os quais esse grupo gosta de interagir?
• Estamos tentando fechar vendas?
• Estamos contando uma história?
• Estamos conquistando permissão para interagir?
• Estamos esperando que as pessoas assistam ou aprendam?
• Precisamos de pessoas para espalhar nossa mensagem nas mídias sociais?
• Estamos construindo uma tribo de pessoas que usarão o site para se conectar uns aos outros?
• As pessoas encontrarão o site através do boca a boca? Estamos tentando responder a uma pergunta específica?
• Haverá notícias e atualizações futuras que precisarão ser apresentadas às pessoas?
• O site é parte de um conjunto maior de lugares online nos quais podemos ser encontrados ou é nossa única plataforma online?
• As informações do site exigem uma banda maior ou são poucos dados apenas?
• Queremos que as pessoas nos telefonem?
• Quantas vezes no mês queremos que as pessoas venham até o site? Por quanto tempo?
• Quem deverá atualizar o site? Com que freqüência?
• De quanto em quanto tempo temos condições de refazer ou aprimorar esse site?
• É importante aparecermos nos mecanismos de busca? Se for, a partir de quais termos? A qual custo? Estamos dispostos a abrir de mão de alguns dos pontos acima para atingir esse objetivo?
• O site terá acesso universal? Poderá haver problemas de compatibilidade de browser ou idioma?
• Quanto dinheiro temos para gastar? Quanto tempo?

E, por último,

• A organização entende que “tudo” é uma opção que não existe?

*Seth Godin é um dos mais populares “gurus” do marketing na atualidade, autor de diversos livros e de um dos melhores blogs sobre o assunto.

Fonte: CHMKT

O desenvolvedor Brian Cray criou uma equação para mostrar aos usuários como é caro ainda prestar suporte ao IE6, resolvi mostrá-la aqui pois o cálculo é bem interessante, levando em consideração que os valores em dólares.

A equação se resume da seguinte forma:

‘receita média por visitante’ x ‘número de usuários com IE6′ – (‘custo hora do desenvolvedor’ * ‘horas necessárias para corrigir erros no IE6′)

Esse cálculo pode ser feito em base mensal, anual ou trimestral.

Exemplo

• O site ganha em média $.10 (10 centavos de dólar) por visitante.
• O site recebe 100 visitas mensais através do IE6.
• O custo com o desenvolvedor é de $20/hora (20 dólares hora).
• O desenvolvedor gasta em média 4 horas por mês para corrigir bugs do IE6.

Abaixo você vê como funciona o cálculo:

1 * 10 – (20 * 4) = 10 – 80 = -70

Em outras palavras você estará perdendo 70 dólares mensais prestando suporte ao IE6. Este é apenas um exemplo muito simples, levando em consideração que proporcionar experiências ricas para usuários de IE6 custa muito caro.

Fonte: Pinceladas da Web

Sabemos que páginas com tempo de carregamento otimizado tem impacto em SEO tanto pensando pelo lado do usuário quanto pelo lado do webcrawler. Uma página muito carregada ou muito suja de código, dificulta o trabalho dos webcrawlers e, possivelmente, te prejudica ao ter o conteúdo analisado.

Webcrawlers não vão perder tempo se esforçando para abrir seu site pois ele tem milhares de outros sites para analisar. Pensando no usuário, acontece a mesma coisa, o usuário possivelmente sairá do seu site antes mesmo de esperar ele carregar por inteiro. Assim, trago neste artigo, 20 dicas que ajudam a diminuir o tempo de carregamento de páginas de websites.

1. Comprima suas imagens
   Se você usa o photoshop use sempre a opção “Save for Web”. Se você não possui, pode usar alternativas gratuitas também.
2. Não reduza as imagens com HTML
   Nunca use HTML puro para redimensionar suas imagens. Elas serão carregadas com o tamanho original (grande) e será redimensionada no browser. Isso também deixa as imagens feias (distorcidas, mal-redimensionadas ou de resolução alterada), o tratamento do browser não é eficiente e as imagens perdem suas características.
3. Especifique as dimensões da imagem
   Sempre especifique os tamanhos das imagens no código HTML. Isso irá reduzir o tempo de renderização da página pois o browser saberá como encaixar os elementos na tela.
4. Imagens grandes? Corte-as
   Se você precisa carregar uma imagem muito grande no seu site, divida-as em algumas partes para agilizar o carregamento. Claro, não reduzirá o tamanho mas passará impressão de agilidade na abertura do site.
5. Não corte demais!
   Isso poderá gerar muitas requisições HTTP e consequentemente deixará mais lento e fará o efeito contrario do esperado. É preciso saber ponderar muito bem ao dividir ou não, e em quantas partes será dividido.
6. Use CSS ao invés de imagens
   Use CSS para criar os efeitos necessários para seu site quando possível. Obviamente, o conteúdo a ser carregado será muito menor.
7. Não use tabelas quando não forem necessárias
   Tabelas são feitas para apresentar dados tabelados, para layout arquitetura da pagina você deve usar CSS que tem esse propósito. Isso também deixará seu código mais limpo e melhor para ser lido e entendido. Os crawlers conseguem ler sites com tabelas, mas você irá dar uma mãozinha para ele usando tableless.
8. Use arquivos CSS externos
   Usando arquivos externos, você irá ajudar o crawler e o seu usuário, pois uma vez lido o CSS externo, ele será jogado no cache e não precisará ser recarregado a cada nova página.
9. Use arquivos Javascript externos também
   Segue o mesmo princípio do CSS externo, principalmente para Javascript, para o qual será mais importante o cache dos arquivos.
10. Remova os espaços em branco do seu HTML
    Lembre-se, espaço em branco também é um caracter e consome banda e espaço em disco. É muito comum deixarmos sujeiras de espaço em branco em nossos códigos, remova-os sempre.
11. Imagens com CSS ao invés de imagens em tag HTML
    Pode parecer estranho, mas o carregamento das imagens como background de uma div é mais rápido do que carregar a imagem com as tags HTML.
12. Uso de links relativos
    Pensando ainda na questão de tamanho dos arquivos HTML, usar caminhos relativos ajuda a remover os caracteres http://www.seusite.com.br/ cada vez que criar um link. Será uma economia significativa no código, mas é um peso para SEO, considerando quando “emprestam” seu conteúdo. Em termos de SEO, o melhor é usar o caminho absoluto.
13. Especifique o DocType
    Páginas que tem DocType definido tendem a ser mais rápidas para serem carregadas.
14. Reduza requisições HTTP do seu site
    Cada vez que você faz uma requisição HTTP, será necessário pedir o pacote, esperar a resposta, receber o pacote e confirmar sua chegada. Por isso, quanto menos requisições HTTP você tiver, mais rápido será o carregamento da sua página.
15. Não use HTTPS desnecessariamente
    Somente use HTTPS quando for necessário. Esse tipo de conexão segura é pelo menos 3 vezes mais lentas que o HTTP normal.
16. Use Gzip para reduzir o tamanho do HTML
    Uma alternativa muito válida é comprimir seu HTML para ser entregue. Isso não tem impacto para imagens, flash ou arquivos embarcados, mas para HTML faz uma grande diferença.
17. Separe servidores de conteúdo e de banco de dados
    Se você possui um alto tráfego no seu site, criar servidores dedicados pode ajudar, e muito, na velocidade do seu site. Cada servidor será otimizado para um serviço.
18. Use AJAX quando puder
    Usar AJAX ao invés de ficar recarregando seu site pode ser muito útil para otimizar a velocidade. Isso reduzirá o número de requisições HTTP do seu site e apresentará uma aparência de velocidade na entrega do seu conteúdo.
19. Coloque imagens indicando carregamento
    É importante também, ao se utilizar AJAX ou Javascript, colocar imagens que indiquem que o conteúdo está sendo carregado. Isso não melhora o desempenho real, mas passa mais conforto para o usuário que está utilizando seu site saber que está sendo processado o pedido.
20. Reduza o número de cookies
    Cada vez que um browser faz uma requisição, cookies são transmitidos. Isso quer dizer que se você não tomar cuidado, pode sobrecarregar a página com cookies. Atente-se também para o tamanho de cada cookie transmitido.

Essas foram 20 dicas rápidas para otimizar a velocidade do seu site. Não foi especificado exatamente como fazer algumas dicas dessas acima, mas caso tenha dúvidas, comente neste post e debata sobre o assunto. Afinal, o debate é o que realmente gera conhecimento, concordam?