Introdução

Web 2.0 não existe!, conhela web3.0.

Pré-Requisitos

Ter vontade de ler, e procurar entender do assunto antes de mais nada.

Objetivo

Deixar o usuário ciente de que web2.0 foi apenas um termo empregado, nada de revolucionário.
Web 3.0 promete revolucionar, mas em tecnologia não acredite em mais nada!.

Conteúdo

Enquanto muitos usuários estudam cada vez mais para entender definitivamente o que vem a ser web2.0. Abro definitivamente o meu peito e luto contra exércitos (se possível) para esquecer isto. Agora já estamos em 3.0 e não para por ai!.

Muitos blogueiros e estudiosos ficaram famosos pela internet à fora, apenas falando sobre web2.0 que iria revolucionar. Doce ilusão.

Achei interessante o que Zeldman disse em uma matéria à respeito de web3.0, publicada no A List Apart.

Segundo Zeldman “falar de web2.o é lucrativo, apenas isto”.

Muitos continuam pela Internet à fora postando artigos à respeito de web2.0, não vejo problemas quanto à isto. Afinal, todos nós temos contas para pagar.

Quero apenas deixar claro para você usuário não se sentir impressionado com web2.0, muitas coisas irão mudar em pouco tempo, não se surpreenda.

Muitos desenvolvedores web apenas programam em javascript, Ajax e já saem dizendo por aí que trabalham com web2.0, Ajax é apenas javascript, não é?. Javascript é algo considerado antigo, porém muito utilizado. Ou seja, você não estará causando revolução em seu site, estará apenas retrocedendo etapas.

Não se preocupe em web2.0, recomendo vocês à desenvolverem seu site nos padrões web.

A verdade é que muitos foram enganados. Eu inclusive.

A única revolução que um dia ocorreu, foi a de 1964. Web2.0 é apenas um termo. Uma palavra qualquer.

Se algum dia eu lhe fiz acreditar que web2.0 seria a revolução, me desculpe.

Como diria a wikirus:
É muito importante, começarmos a pensar em como ensinar as pessoas, usuários comuns, a utilizarem de forma eficiente, coerente e ética todas essas ferramentas e possibilidades. Temos que descobrir como dar sentido a toda essa profusão tecnológica. Nesse aspecto, as escolas podem e devem ser um desses caminhos.

Antes de criarmos os metadados da Web 3.0, dos sistemas, das inteligências artificiais, vamos nos preocupar com os nossos “metadados”, com a semântica disso tudo para nós mesmos.

Considerações Finais

Seja você, não tente seguir tendências momentaneas!

Autor: Maurivan Luiz – Colunista R.I.A do Portal MXSTUDIO

maurivan@mxstudio.com.br / www.maurivan.com

Carregue seu site rapidamente, ou seu concorrente o sugará!.

Introdução

Quando um visitante chega a seu site, o mesmo decide em quantos segundos que ele ficará ou se vai. A primeira impressão é a chave do sucesso! .

Pré-Requisitos

Noções de desenvolvimento para interpretação, uma tijela com Profilteróles e se possível um suquinho de manga

Objetivo

Entender o motivo pelo qual seu site com conteúdo pode ou não ser visitado por novos usuários com maior frequência, e não apenas os “paraquedistas” (aqueles visitantes que te encontram pelo google, pousam em seu site, e nunca mais retornam)

Conteúdo

Quando um visitante chega a seu site, o mesmo decide em quantos segundos que ele ficará ou se vai. A primeira impressão é a chave do sucesso!
Uma página que carrega rapidamente te ajuda a dar uma boa primeira impressão e faz com que seus visitantes fiquem mais tempo navegando em seu site. Por sua vez, aumenta as possibilidade de que eles possam começar a ?cultivar o conteúdo? de seu site, retornando inúmeras vezes, e quem sabe você poderá converte-los em possíveis clientes.
Se seu site não carregar rapidamente, qualquer oportunidade que tiver de apresentar o seu conteúdo não se sobressairá.
Tenha em conta que quando seus visitantes estão cientes de que sua conexão a Internet é lenta (Dial-up por exemplo, conexão por telefone) e que tem que ser paciente, esperar a hora de navegar na rede, não esperam muito tempo para poder ver seu site. Se seu site não é exibido nos primeiros 8 a 10 segundos, o mais provável é que eles cliquem no botão ?voltar? do browser, e busquem outro site com conteúdo do gênero, que possam visualizar rapidamente, com isto você estará perdendo um visitante e seu concorrente ganhando um.
Este artigo é extremamente importante!, principalmente se o seu site estiver focado ao público brasileiro e/ou latino, onde são maiores os casos de conexão dial-up.
Alguns ?conselhos simples ?.
Uma maneira de fazer com que seu site carregue rapidamente é utilizar CSS (Cascading Style Sheets) no layout de suas páginas. Se você utiliza CSS, não inclua no código em cada uma de suas páginas, faça um arquivo externo e ?chame-o? em suas páginas que utilizem o mesmo estilo que você definiu. Isto é bom por questões de usabilidade, mas também ajuda em termos de otimização para robôs de busca (principalmente para o mais cobiçado, Google!)
Evite a utilização de imagens em demasia na mesma página, e se assegure de que todas as páginas que utilizem, estejam otimizadas para web.
Lembre-se de que a utilização de vídeo e áudio também aumentam o tempo de carregamento de seu site. O mesmo vale para as animações em Flash.
Também é importante de que seu site seja fácil de navegar, pois afinal, de que vale um site com um layout lindo, que carregue rapidamente, sendo que o usuário não encontra o que necessariamente procura?

Considerações Finais

Para as considerações finais deixo-lhes uma pergunta simples e objetiva que serve para se refletir:
“De que adianta o seu site ter conteúdo, se o visitante não o encontra com facilidade?”

Autor: Maurivan Luiz Padilha- Colunista de Usabilidade do Portal MXSTUDIO

Qualquer dúvida envie um email para maurivan@mxstudio.com.br  ou acesse o nosso fórum!

Como solucionar Pequenos Bugs em CSS.

Introdução

Em um mundo perfeito, poderíamos escrever CSS e funcionaria independente dos browsers perfeito. Mas nunca faltaram erros de digitação, navegadores ?lindos? e também comportamentos desconhecidos que nos deixam confusos, e muitas vezes sem saber como começar a solucionar os problemas. Irei citar neste artigo alguns passos que podem seguir para eliminar ?os bugs? em suas folhas de estilo.
O motivo mais óbvio para ocorrer um erro na página é um erro no código, Para verificar nosso código, podemos utilizar o famoso validador da W3C para checar tanto nosso html como nosso CSS. Uma maneira mais fácil e sensata de fazer é através do plugin Web Developer Tools para Mozilla/Firefox, ou então com a extensão de validação que permite você validar sua página sem a necessidade de estar conectado a rede mundial de computadores (internet)
Muitas vezes é difícil encontrar qual é o problema quando você está visualizando uma página completa, com uma folha de estilos extensa. Aconselho você então a pegar e copiar somente o html e o css que seja referente a seu problema em uma nova página, isto simplificará para você encontrar e solucionar seus problemas.

Pré-Requisitos

Vontade de aprender é considerado fundamental, aprender com os erros é essencial, e um cafézinho expresso para acompanhar

Objetivo

Aprender pequenos macetes que podem ser úteis em alguns casos, tais quais problemas com altura, largura, margin e padding.

Conteúdo

Examine seus elementos.
Para saber exatamente aonde está o problema, é muito útil inserir bordas de cores em seus elementos, o qual te facilitará perceber dimensões, margens e bordas, e caso seja detectado algum pequeno deslize no tamanho de uma div, pode ser rapidamente resolvido.
Estilos
Para checar que regras você está aplicando a seu elemento, o inspetor DOM do Mozilla Firefox pode ser muito útil.
* Inspetor DOM é uma ferramenta para analisar a estrutura do documento
Cheque para ver se o BUG não é conhecido.
Se já puder identificar exatamente qual é o problema, por exemplo; a div #conteudo se movimenta 3 pixels a esquerda no internet explorer 5.5, enquanto em outros navegadores continua intacta), busque na internet para ver se é um problema comum, no site ?Position is everything?, por exemplo, tem uma lista muito completa de bugs que ocorrem no IE, Opera e Mozzila Firefox.
Se por ventura você não encontrar no ?Position is everything?, você poderá encontrar em nosso fórum de CSS http://www.mxstudio.com.br/forum/index.php?showforum=7
Experimente!
Tente trocar os valores em sua folha de estilho, zerar, adicionar, para ver como afetam sua página. Pode ser útil colocar as margens e padding zeradas (padding:0; margin:0;).
É muito fácil de realizar alterações com o Notepad++ e com o plugin WebDeveloper Tools, para Mozilla Firefox, que lhe permite visualizar as alterações imediatamente.
Peça Ajuda!
Sempre há gente disposta a lhe ajudar aqui nos fóruns da MXSTUDIO, saiba sempre como explicar seu problema, e colocar um link com a sua página, ou então o codigo de sua página html e sua folha de estilhos para que facilite o trabalho de quem for lhe ajudar. Com certeza irá encontrar alguém disposto!

Agradecimentos

Para este artigo, eu gostaria de agradecer ao imuller que abriu a minha cabeça na introdução.
E também a meu amigo Felipe Nascimento Silva Pena (ecl), que me avisou de um erro ortográfico a ponto de ser corrigido.

Considerações Finais

Neste artigo está explicito alguns macetes para você resolver problemas básicos que podem ocorrer em sua folha de estilo, porém nem todo erro pode ser corrigido apenas com estes macetes!

Para saber mais:

W3C – The World Wide Web Consortium
http://www.w3.org/

Documentos W3C em Português!
http://www.amtechs.com/w3c/

CSS Bug Table
http://www.richinstyle.com/bugs/table.html

CSS contents and browser compatibility
http://www.quirksmode.org/css/contents.html

Autor: Maurivan Luiz Padilha – Colunista WEBSTANDARDS do Portal MXSTUDIO

Qualquer dúvida referente à webstandards, pode ser enviado um e-mail para maurivan@mxstudio.com.br ou acesse o nosso fórum!