Blog do TreinaWeb
Dicas, notícias e informações sobre cursos, programação, webstandards e desenvolvimento web.Arquivo da Categoria ‘Fazendo hora’
-
Solucionador de problemas
7 de maio de 2010
Como hoje é sexta-feira, o dia que todos não querem trabalhar, vamos postar algo descontraído.
A imagem abaixo é um pouco antiga, clássica, mas é igual Chaves, sempre rimos. Não é minha forma de trabalhar, mas conhecia um colega que trabalhava assim, e por incrível que pareça, ele conseguiu enrolar o chefe por dois anos. Fique ligado e veja se algum colega seu age assim
-
Engine para criação de jogos com HTML5 e Javascript
22 de abril de 2010
Os inesquecíveis jogos de Arcade dos anos 80 e das plataformas 8-bits nunca perdem o estilo e continuam sendo fonte de algumas horas perdidas no entretenimento pela internet afora, principalmente para aqueles que gostam de jogos casuais.
É comum encontrar muitos desse jogos em Flash, no entanto, muitas iniciativas para tornar a Web padronizada e livre de plugins levem o desenvolvimento de alternativas que objetivam a necessidade somente de um navegador para execução de aplicativos. E isto também está sendo aplicados ao jogos e animações, com o uso de Javascript e com os recursos, ainda não completamente especificados do HTML 5.
Como a engine Akihabara, que utiliza alguns recursos do HTML 5 e de algumas bibliotecas Javascript para construção de jogos estilo 8-bits, sem a necessidade de nenhum plugin, mas funciona só nos navegadores atuais.
Embora a documentação da engine não esteja completa, podemos notar nos demos que existem muitos recursos interessantes para a realização de jogos simples, que já estão disponíveis, como detecção de colisão, animação por sprites e captação de eventos do teclado.
Abaixo alguns exemplos de jogos rodando no HTML 5:
Fonte: JavaFree
-
Otimizando as frases-chave
10 de agosto de 2009
Há alguns dias, falamos sobre como maximizar as palavras-chaves, o que é muito útil, já que para o Google, as palavras-chaves não conseguem o mesmo valor no ranking que conseguiam antes. Já outros motores de busca ainda consideram esta meta tag relativamente importante. Então, como não demanda muito tempo e não atrapalha em nada, vamos continuar fazendo e porque não otimizar isto também?
Uma forma de melhorar as palavras-chave é criar uma boa frase-chave, uma frase que não seja muito longa, nem tão curta, mas que passe o sentido do que você realmente quer, e o mais importante que tenha relevância com o conteúdo da página.
Se você colocar uma frase muito grande, vai ser bem difícil otimizar a página para todas as palavras. Ou seja, você terá uma página pouco relevante para muitas de suas palavras e provavelmente a sua otimização será prejudica.
Além disso, cada página deve ter sua própria frase-chave, e não uma frase-chave para o site inteiro. Isso fará o site alavancar na otimização. Outra vantagem em utilizar uma frase-chave é otimizar a página para as palvras e frases segmentadas da frase original. Por exemplo, para a frase, “Blog de SEO, Webstandards e programação”, com esta frase podemos conseguir várias combinações, como, “Blog de SEO”, “SEO, Webstandards”, “Webstandards e programação”, dentre outras.
Seu site ficará melhor otimizado se você escolher uma boa frase, então pense bem e escolha a melhor frase que represente cada página, assim você irá obter o melhor resultado.
-
Você faz previsões baseando-se em SEO?
3 de agosto de 2009
Ninguém sabe tudo, isto é um fato. Mesmo assim, algumas pessoas acham que sabem tudo, não tudo de tudo, mas tudo de um tema em especifico, como o SEO. (Confuso?)
O SEO existe há anos, muita coisa já mudou e muita coisa já foi descoberta. No entanto, existem algumas coisas que ninguém sabe ao certo, alguns até falam que sabem, ficam contando vantagem. Mas tem algumas coisas, que se tornam impossíveis de descobrir (ou não, afinal, nada é impossível para os nerds asiáticos
. Continua comfuso? Acompanhe então 3 dos ítens que ninguem tem certeza, mas que muitos ainda dizem saber, ou prometem aos clientes (muitas vezes leigos), coisas que não conseguirãocumprir:1. Algoritmo do Google?
Nós realmente não sabemos como funciona o algoritmo do Google, ou qualquer outro algoritmo de busca. Não sabemos nada, quando se trata de cálculos reais, ou como o mecanismo trás uma lista específica. Os mecanismos de pesquisa guardam a sete chaves o segredo de como funciona seus respectivos mecanismos. Mas mesmo que o algoritmo seja liberado (o que é impossível), é possível que nada mude nas táticas SEO.
2. Quando um site irá ser classificado/indexado?
Isto deveria ser óbvio, mas ainda é um grande problema descobrir quando o site realmente será classificado/indexado. O máximo que é feito é um estimativa, baseada na experiência e projetos antigos. Mesmo assim, os intervalos podem variar muito. Alguns sites podem demorar um mês, outros podem chegar a anos.
3. Um site sempre irá subir no rank?
Quem alegar que irá obter uma posição específica no Google está mentindo. Por esta razão, é necessário ser extremamente cauteloso, nas promessas e garantias aos seus clientes. Assim como um cronograma de quando o site será classificado, o máximo que é possível é fazer uma estimativa, de quanto o site irá melhorar, baseando-se até nas datas de atualização do Page Rank, mas nada é uma certeza absoluta.
Por esses e outros motivos, tome cuidado com as promessas que fizer ao seus clientes.
-
Joomla Day Brasil 2009
29 de junho de 2009
O evento nacional do Joomla Day Brasil 2009 ocorrerá no dia 12 de setembro no ECEME na Urca no Rio de Janeiro, evento esse que contará com vários ilustres do mundo Joomla.
O local onde o evento será realizado, fica aos pés do Pão de Açúcar, e conta com um auditório para 300 pessoas, além de amplo espaço para coffee-break e networking. Esse será o maior evento Joomla já feito no Brasil.
O valor da Inscrição é de R$ 63,00 reais até 25 de julho, após esse período passará para R$83,00.
Saiba de todas as informações necessárias sobre como se inscrever, como chegar, e se necessário, onde se hospedar em:
www.joomladaybrasil.orgPara saber a programação do evento, acesse:
http://www.joomladaybrasil.org/2009/programacao
Aproveite,e siga o twitter do evento:
-
Acessibilidade web com CSS
10 de junho de 2009
Continuando nossa serie sobre acessibilidade web, hoje mostraremos técnicas que podem ser aplicadas ao CSS para facilitar a vida dos usuários com dificuldade.
Como são vários pontos vamos enumerar em tópicos:
1 - Crie um estilo de apresentação consistente em todas as páginas: Tente padronizar todas as páginas do site, crie o mínimo de folhas de estilos e use folhas de estilo externas, evite criar folhas de estilo in-line, assim facilita também a manutenção do site.2 – Evite definições que estão fora dos padrões da W3C: Para garantir que o site não terá nenhuma incompatibilidade, não utilize regras, comandos ou técnicas que já estão em desuso.
3 – Use unidade de medidas relativas: Evite usar unidade de medida fixas, como cm e pt. Dê preferência pelas unidades em e %, só utilize medidas fixas, para elementos que possuem medidas fixas, como imagens.
4 – Evite usar imagens: Se for possível, substitua as imagens por texto, quando isto não for possível, forneça uma explicação da imagem em forma de texto, através da tag “alt” do elementos img, por exemplo: <img src=”http://www.treinaweb.com.br/images/treinaweb_elearning2.gif” alt=”Logotipo do site TreinaWeb” />
5 - Forneça o site sem html: No momento do desenvolvimento do site, verifique se ele permanece legível, mesmo que sem o CSS da página, para facilitar os usuários que utilizam browsers sem suporte ao CSS.
6 - Evite utilizar apenas um fonte de letra: Sempre forneça mais de uma opção de fonte, bem como evite utilizar fontes em desuso ou pouco utilizadas.
7 - Crie um estilo de texto simples: Evite utilizar efeitos no texto, como: efeitos de sombra, “piscante”. Caso tenha que aplicar os efeitos no texto, sempre forneça uma forma de “desligar este efeitos”.
8 - Sempre utilize as folhas de estilo para tabular o texto: Nunca tabule o texto “à mão”, utilize os elementos do CSS para tabular o texto, como: word-spacing, text-indent, write-spancing.
9 – Cuidado ao utilizar cores nos textos: Certifique-se que toda informação transmitida pela cor esteja disponível também sem a cor, por exemplo, mediante contexto ou por marcadores.
10 – Sempre teste seu site em um browser somente texto (o mesmo que os leitores de tela utilizam). O Lynx é um dos mais famosos. Se não quiser instalá-lo, existem alguns emuladores, como o LynxView.
Por enquanto é isto. No próximo artigo traremos mais dicas de como utilizar o CSS para tornar o site mais acessível.
Até a próxima!
-
Diferença entre HTML 4 e HTML 5
4 de junho de 2009
Continuando o tema de terça-feira, resolvemos exemplificar as diferenças entre o html 5 e o html 4 e vocês verão que não existem grandes diferenças e que os novos elementos só vieram para facilitar.
Por exemplos, vamos ver uma simples página de um blog, com o cabeçalho na parte superior, o rodapé na parte inferior, alguns posts, uma seção de navegação, e uma barra lateral, com mostra o código abaixo:
<html> <head> <title>BLOG - TreinaWeb: Webstandards e programação WEB e Desktop</title> </head> <body> <div id="page"> <div id="header"> <h1><a href="/blog/">Blog TreinaWeb: Webstandards e programação WEB e Desktop</a></h1> </div> <div id="container"> <div id="center" class="column"> <div class="post" id="post-102"> <h2><a href="/page-test-2/"> Page Test 2</a></h2> <div class="entry"> <p>Texto Aqui</p> </div> </div> <div class="post" id="post-101"> <h2><a href="/page-test/"> Teste 1</a></h2> <div class="entry"> <p>Texto Aqui</p> </div> </div> </div> <div class="navigation"> <div class="alignleft"> <a href="/blog/page/2/">« Posts antigos</a> </div> <div class="alignright"></div> </div> </div> <div id="right" class="column"> <ul id="sidebar"> <li><h2>Informações</h2> <ul> <li><a href="/blog/politica/">Politica</a></li> <li><a href="/blog/listas/">Listas</a></li> </ul></li> <li><h2>Arquivos</h2> <ul> <li><a href='/blog/2009/04/'>Abril 2009</a></li> <li><a href='/blog/2009/03/'>Março 2009</a></li> <li><a href='/blog/2009/02/'>Fevereiro 2009</a></li> <li><a href='/blog/2009/01/'>Janeiro 2009</a></li> </ul> </li> </ul> </div> <div id="footer"><p>BLOG - TreinaWeb © 2009</p> </div> </div> </body> </html>
Aqui a mesma página nas regras da W3C para o HTML 5:
<html> <head> <title>BLOG - TreinaWeb: Webstandards e programação WEB e Desktop</title> </head> <body> <header> <h1><a href="/blog/">Blog TreinaWeb: Webstandards e programação WEB e Desktop</a></h1> </header> <section> <article> <h2><a href="/page-test-2/"> Page Test 2</a></h2> <p>Texto Aqui</p> </article> <article> <h2><a href="/page-test/"> Teste 1</a></h2> <p>Texto Aqui</p> </article> <nav> <a href="/blog/page/2/">« Posts antigos</a> </nav> </section> <nav> <ul> <li><h2>Informações</h2> <ul> <li><a href="/blog/politica/">Politica</a></li> <li><a href="/blog/listas/">Listas</a></li> </ul></li> <li><h2>Arquivos</h2> <ul> <li><a href='/blog/2009/04/'>Abril 2009</a></li> <li><a href='/blog/2009/03/'>Março 2009</a></li> <li><a href='/blog/2009/02/'>Fevereiro 2009</a></li> <li><a href='/blog/2009/01/'>Janeiro 2009</a></li> </ul> </li> </ul> </nav> <footer> <p>BLOG - TreinaWeb © 2009</p> </footer> </body> </html>
Notou que o código ficou mais limpo e mais compreensível?
Foram acrescentados alguns elementos e com isto não precisamos mais colocar as divs e o layout ficou bem mais compreensível. Se você não conseguiu notar os elementos que foram acrescentados, estão listados abaixo, com uma breve explicação:
- section: Uma seção, como um capítulo ou parte de um livro.
- header: O cabeçalho da página mostrada.
- footer: O rodapé da página mostrada, como uma assinatura de e-mail.
- nav: Uma coleção de links.
- article: Um artigo, uma entrada independente, em um blog, revista, jornal, e assim por diante.
Como não saiu a versão final do html 5, isto foi apenas um esboço, a versão definitiva pode ter algumas diferenças (esperamos que não)
Até a próxima!
Fonte: Hobo Blog
-
Os 7 pecados do aluno de ensino à distância
27 de maio de 2009
Como vocês devem saber, existem os 7 pecados capitais – certamente, todo mundo já cometeu algum deles. Então, agora foram definidos os 7 pecados do aluno de ensino a distância, que são os erros mais cometidos pelos alunos durante um curso na modalidade a distância.
Você é um aluno de curso a distância, por isso, tente não cometer nenhum dos erros descritos abaixo:
1 – Procrastinação: É o erro mais comum… Quem nunca adiou um curso para o próximo mês, semestre, ano, ou até mesmo adiou algum trabalho ou atividade? Mas, com esse comportamento, no ensino a distância, você acaba ficando defasado em comparação aos demais alunos e concorrentes do mercado de trabalho, que nunca para. Evite este erro!
2 – Falta de planejamento: Fazer um curso em que você pode definir o horário de estudo requer organização. Não é fácil conciliar trabalho, estudo, casa, família etc.; por isso, antes de começar um curso, planeje como irá cursá-lo e defina um horário fixo por dia, ou por semana, para estudar.
3 – Trapacear: Por incrível que pareça, ainda tem gente que acha que só o currículo basta. Tente não trapacear, procurando respostas prontas no Google, ou coisas do tipo. Só quem perde é você!
4 – Plágio: É a mesma coisa que trapacear. Em alguns casos, o plágio ocorre porque o aluno se esqueceu de citar a fonte, indicar as referências e etc. Nunca se esqueça de citar de onde você conseguiu determinada informação.
5 – Aceitar tudo: Você tem que aprender a dizer não. Muitas vezes as pessoas querem impor os seus horários aos outros, mas neste caso você deve manter os seus para não atrapalhar seus estudos. Em outras palavras: siga o seu planejamento!
6 – Ser impaciente: Aprender de verdade, requer tempo. Você não pode apressar o processo: um curso com duração de 8 horas deve ser feito em 8 horas, assim como um curso de 4 anos deve ser feito em 4 anos.
7 – Preguiça: É parecido com o primeiro “pecado”. Neste caso, devido à preguiça o aluno não faz um bom trabalho, bem como não consegue aprender correta e definitivamente. Quando você for fazer um curso, concentre-se somente nele e, por favor, não tenha preguiça!
-
Tirinhas – Um sábado qualquer
24 de maio de 2009
Como falamos no post de anteontem, estamos passando por uma reformulação editorial, se tudo der certo, semana que vem já definiremos o novo modelo editorial do blog e esperamos melhor o conteúdo.
Então hoje daremos a dica de um blog de tirinhas, que na nossa modesta opinião é um dos melhores atualmente, pois suas historias conseguem ser engraçadas sem serem apelativas.
Estamos falando do blog “Um Sábado Qualquer“, em varias tirinhas sequenciais, ele conta a história de Deus e seu relacionamento com Adão, Eva e o mundo. Para entender tudo que estamos falando, entre no blog e volte ao inicio da historia para ler todas as tirinhas.
Até a próxima!
-
Jogo Grow Tower
16 de maio de 2009
Como ninguém é de ferro, hoje vamos falar de um jogo. Já faz tempo que não falamos disso.
Falaremos então, de um novo jogo, na verdade não é tão novo assim… É da mesma desenvolvedora do ultimo jogo que postamos, e segue o mesmo padrão, porém este é mais fácil, então clique na imagem abaixo divirta-se um pouco.
Até a próxima!