History Of The Internet from Billy Wanzi on Vimeo

Como existe uma tendência na 3drização da web, logo estão aparecendo aplicativos que facilitam a publicação de conteúdo 3d estático ou dinâmico. Ontem encontrei este site, uma epécie de rede social de compartilhamento de modelos 3d. Profiles, artista e muitos modelos + texturas e animações que rodam em um aplicativo java para visualização antes do download. Algo muito interessante para exibir trabalhos, e até colocar links de portfólio, etc confiram, estpu pensando até em publicar alguns trabalhos .

Com a dica abaixo você publica seu site no Google: Para que seu site seja indexado no mecanismo de busca google e outros, você deve incluir o código abaixo no sua página index.html entre as tags head.

Após a visita do robo do google no seu site ele estará automaticamente indexado.

Usando robots.txt

Na pasta principal do seu site colocamos um arquivo chamado robots.txt você pode orientar os sites de busca a não indexarem determinadas páginas ou pastas do seu site. O conteúdo que for específicado não aparecerá nas buscas.

Sempre que o robot de indexação de uma busca visita seu site ele primeiro tenta acessar um arquivo texto chamado robots.txt em busca de alguma orientação que você possa ter deixado.

No exemplo abaixo estamos informando a todos os indexadores de busca (User-agent: *) que arquivos e páginas que estiverem em /cgi-bin e /fotos não devem ser acessados e indexados.

User-agent: *
Disallow: /cgi-bin/
Disallow: /fotos/

O campo “User-agent” pode indicar o nome de um indexador específico. O indexador do Google se chama googlebot. Se desejar pode especificar isto veja este exemplo:

User-agent: googlebot
Disallow: /

No exemplo acima nenhum conteúdo do seu site será indexado pelo googlebot, ou seja, não aparecerá no Google. Para saber quais páginas do seu site estão no Google entre em www.google.com.br e faça uma busca por site: www.seudominio.com.br. Todas as páginas que estiverem indexadas serão exibidas.

No site abaixo existe uma lista de diversos user-agent conhecidos:
http://www.useragentstring.com/pages/Crawlerlist/

No site robotstxt.org você encontra informações sobre este assunto.
http://www.robotstxt.org/wc/robots.html

Qualquer mudança feita em um robots.txt pode levar semanas ou até meses para gerar algum efeito.

Primeiro Passo – Cadastrando seu site no Google
Caso seu site ainda não esteja cadastrada no Google siga estas 4 instruções.

1 – Acesse o endereço http://www.google.com/addurl/

2 – No campo URL: digite o endereço da sua loja com http:// antes do endereço ex: http://www.seusite.com.br

3 – No campo Comments: resuma seu seite um comentário ex: Loja virtual de Informática

4 – Digite a “palavra” que aparece na imagem e clique em “Add Url”
ex: perian

Feito isso vamos para o próximo passo.

Segundo Passo – Validando seu site no Google Webmasters
Este segundo passo é muito importante, sem ele é quase impossivel garantir que seu site seja cadastrado no Google da forma correta.

1 – Acesse o endereço http://www.google.com.br/webmasters/

2 – Clique em Ferramentas do webmaster (inclusive Sitemaps)

3 – Entre com sua conta do Gmail, para utilizar os serviços do Google é necessário possuir uma conta no Gmail, para criar uma conta clique no link “Criar uma conta do Google”.

4 – Após ter criado uma conta no Gmail ou ter entrado com uma conta já cadastrada, coloque o endereço do seu site com http:// no campo “Clique aqui para adicionar um site” e clique no botão “Adicionar Site”

5 – Vai aparecer Próxima Etapa clique em “Confirme seu site”

6 – Clique em “Escolher método de confirmação…” e escolha “Incluir meta tag” vai aparecer um código como este:

7 – Salve seu index.html e envie para o seu servidor, Pronto! Agora seu site vai ser cadastrato corretamente pelo Google.

A identidade de uma marca é um conjunto de elementos expressivos, visuais e verbais, e o nome é um dos componentes mais importantes. O nome, mesmo sendo um elemento verbal, constantemente é traduzido em elemento não verbal e vice-versa. Um bom nome consegue essa transição de forma natural, sem interrupções ou confusões, tornando o visual e o verbal em um todo harmônico.

Um dos aspectos que exige mais do profissional de naming é o conhecimento lingüístico abrangente, pois se sabe que determinadas letras possuem sonoridades diferenciadas entre regiões de um país e principalmente entre países no mundo. A harmonia sonora com elementos relacionados também deve ser testada, formando combinações possíveis. Ex.: Oi Fixo, Oi Móvel, Oi Banda Larga.

O marketing é necessário quanto se pretende agregar qualidades ao produto/serviço através do naming, tendo como base informacional o comportamento e as tendências de consumo sem esquecer o que a concorrência está produzindo. Claro que o nome não faz tudo sozinho, vai depender da publicidade e da qualidade do próprio produto/serviço, pois não há bom nome que resista à opinião negativa do consumidor ou ao simples desconhecimento. É natural que clientes peçam um nome ou um slogan comparando com exemplos consagrados, sem levar em consideração os investimentos em publicidade ou simplesmente o tempo que o nome está no mercado.

A pesquisa é muito valiosa, pois há relatos de identidades concebidas que tiveram que ser abandonadas em estágios avançados devido a problemas judiciais relacionadas à patente. Com o mercado globalizado atual as marcas são cada vez mais exportadas e importadas através dos meios de comunicação, com isso é muito comum pensar em um nome que já é utilizado por outra empresa. No caso dos EUA, por exemplo, que possuem milhões de produtos tecnológicos registrados, e apenas 26 letras no alfabeto, a concepção de nomes torna-se algo cada vez mais difícil.

O valor da criação do nome está diretamente ligado à importância deste, ou seja, o grau de responsabilidade envolvida no projeto, já que um nome com pretensões regionais deve ter um valor inferior a um nome com pretensões globais. Mas também está diretamente relacionado ao produto/empresa e ao seu posicionamento no mercado. Nota-se que a taxação deste tipo de serviço é muito flutuante e cada caso deve ser estudado separadamente, já que há batismos que passam dos US$ 150 mil.

Qualidades de um nome:

São apenas 8, é só satisfazê-las para se obter um nome perfeito.

Ser original. (nokia)
Ser curto, memorável e inspirador. (oi)
Simplicidade e facilidade de pronuncia. (Fiat)
Sugerir o produto ou serviço. (parmalat)
Sugerir a qualidade ou diferencial. (velox)
Despertar emoções e sentimentos no consumidor. (Confort)
Não ter conotações indesejáveis.
Disponível juridicamente. (ser livre de patentes)

Processo de criação

1. Pesquisa / Questionário
2. Brainstorming – lista de nomes
3. Filtragem de nomes
4. Avaliação lingüística
5. Avaliação oral/ Sonoridade
6. Segunda seleção/filtragem de nomes
7. Avaliação da disponibilidade
8. Demonstração e avaliação gráfica (análise de lettering)
9. Avaliação legal final (INPI)
10. Decisão do nome.

Normalmente fazer bgs bons não é fácil, principalmente quanto são mais complexos.

O site é muito simples de usar, permite controlar textura, rotação, tamanho, cor e opacidade dos grafismos. Por fim é possível salvar ou baixar em formatos prontos para o uso. É mais um bom aplicativo web.

http://bgpatterns.com/

Neste link há uma boa fonte de informações a respeito de técnicas de SEO.

No final há uma série de links que orientam webmasters no desenvolvimento destas técnicas saudavelmente e respostas a muitas dúvidas e esclarecimento de “mentiras”.

link: SEO

Início de um conjunto de posts em série, resultado do meus estudos a respeito do famoso e badalado Jquery

Jquery é um framework que favorece a produção de aplicativos com melhor compatibilidade entre os diversos tipos de navegadores. O jquery também possiu plugins que podem controlar efeitos visuais ou até manipular dados ajax.

O seu lema é: Escreva menos , faça mais!

Funcionalidades

• Resolução da incompatibilidade entre os navegadores.
• Redução de código.
• Reusabilidade do código através de plug-ins.
• Utilização de uma vasta quantidade de plugins criados por outros desenvolvedores.
• Trabalha com AJAX e DOM.
• Implementação segura de recursos do CSS1, CSS2 e CSS3.

Site oficial

Funções

PRÓXIMO – J Query 01

Abaixo uma tabela simples (tabela completa) com a nomenclatura para cada formato de data. a combinação dessas nomenclaturas irá formar tipos de data e hora diferentes. Ai é que mora o segredo.

Exemplo:

Dando echo em cada variável teriamos:

1. March 10, 2001, 5:16 pm
2. 10, 03.10.01
3. 10, 10, 3, 2001
4. 20010310
5. It is the 10th day.
6. 17:03:17 m is month
7. 17:16:17

É, muito bom.. mas o inglês não interessa…

Dias da semana: L ou N , o primeiro é em ingles (sunday, saturday, etc) o segundo é valor numérico de 1 a 7. No caso dos meses é a mesma coisa.

Tratar isso é simples.

Simples e muito útil.

Esta dualidade da área de TI é um clássico. Eu convivo com programadores e com designers e a cada dia vejo que os produtos da interação entre estes indivíduos são cada vez mais presentes e necessários.

Esta questão surgiu após eu ter lido uma matéria na revista Web designer e ela tratava justamente quanto um designer tem que enteder a tecnologia e até quanto um desenvolvedor tem que entender o processo de criação dos designers.

Analizando cada lado.

1) O desenvolvedor – Detentor da incrível habilidade de realizar todos os tipos de operações matemáticas com todos os tipos de caracteres. Prático, objetivo, com metodologias ‘organizadas’ para gerir a informação de forma lógica. O sucesso do seu trabalho e definido pela resposta a seguinte pergunta: Funciona ou não?

1) O designer – Possui a incrível habilidade descrever qualquer coisa com sinestesias. Ex.: Cores doces, Textura fria, etc. Obcessão por alinhamento e organização visual. Subjetivo e criativo. Pode passar horas escolhendo uma cor ou tipografia. O sucesso de seu trabalho é a aceitação do seu trabalho pela maioria (Não há nada mais subjetivo que isso).

Brincadeiras à parte, podemos perceber que o fruto dessa união é no mínimo grotesco. Mas não incomum.

No mesmo artigo, da mesma revista, as opiniões apontam para uma mesma direção. O profissional que está disposto a contribuir em uma equipe multidisciplinar tem que estar pronto a navegar um pouco em águas desconhecidas. Em empresas pequenas, pro exemplo, muitas vezes um profissional de web precisa desempenhar os dois lados. Não quero dizer que isto seja o ideal, apenas um saída de baixo custo para tais casos.

Cada um deve se aprofundar ao máximo em suas especialidades, mas aquele que consegue entender melhor o vizinho saberá otimizar o tempo da equipe inteira e porderá contribuir de forma criativa, gerando soluções eficientes e fundamentadas . Quando o grupo interage desta maneira a forma o conteúdo e as funcionalidade se misturam e perdem suas divisas.

Então vou dizer logo que os devigners e os deselopers são os verdadeiros geradores de interação da atualidade!

Mas o que é CSS?

Cascading Style Sheets (ou simplesmente CSS)

É uma lnguagem de ESTRUTURAÇÂO ou MARCAÇÂO de código HTM ou XML. Que trata apenas da formatação dos elementos em detrimento do conteúdo que é armazenado pelo HTML ou XML. Com esta linguagem pode-se obter resultados muto satisfatórios com rapidez e eficiência escrevendo linha a linha do código, isso mesmo! Llinha a linha. Por este motivo os sites ganham em performance por possuir uma codificação mais limpa.

Neste exemplo, tudo que estiver entre as tags body do HTML receberá esta formatação simples e intuitiva. Logicamente, existem uma quantidade imensa de propriedades que o CSS pode tratar.

E kiko? O que tem e bom nisso de verdade?

Imagine que hoje nós temos diversos tipos de aparelhos com tamanhos de telas diferenciados. Pois para uma interface bem feita com esta técnica, não interessa se o conteúdo será exibido num palm, ifone ou num pc. A informação será levadae devidamente adptada.

Mas a desvantagem é …

O CSS é uma ferramenta do design, mas é notável que a maioria não está acostumada a escrever código, o que torna o aprendizado e o traquejo um pouco árduo no início. Mas normalmente que depois do segundo site desenvolvido as coisas fluem mais facilmente.

Outro detalhe é que apesar da portabilidade, o tableless sofre com a diferença de interpretação de alguns browsers, ne cessitando de atenção por parte do designer que quer ver o site redondinho em qualquer aplicativo. As diferenças são poucas, mas podem dar dor de cabeça aos autodidatas de plantão. Portanto aconselho estudar esses assuntos acompanhando tutoriais ou fazendo um treinamento com profissionais da área, facilita muito mesmo!

Ok! Mas o que é web standars?

Web Standards é um conjunto de normas técnicas produzidos pelo W3C e destinados a orientar desenvolvedores para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.

para quem quer saber mais: MAUJOR

neste site o mesmo conteúdo com formatações diferentes: Zen Garden

Em breve devo postar mais a respeito desbravando um pouco mais acerca do assunto ou um tutorial.

Normalmente, maiorias das pessoas costumam postar em seus blogs temas específicos de uma determinada área, atividade ou pela simples interatividade, portanto neste blog além de tratar de assuntos de design, eu irei tratar de outros assuntos que estão coligados direta ou indiretamente ao design.

Mas que assuntos seriam esses?

No meu dia-a-dia eu me vejo bombardeado por dúvidas e para cada dúvida eu faço uma pesquisa utilizando ferramentas de busca ou consultando publicações, sempre no intuito de sanar um determinado problema, aprender um tutorial ou buscar referencia para uma criação. Como este conhecimento é muito fluido e sempre perco inúmeros links e textos por que deixo para lê-los depois (falta de tempo) eu resolvi armazenar estes volumes neste blog. Conteúdo dinâmico embasado em assuntos que vão da programação, passando pelo empreendedorismo, com uma pincelada em marketing, uma lambida na arte, terminando com design.

Mas por que não anotar tudo num caderninho e deixar escondido?

Ora, pelo menos 90% deste conhecimento eu retire de pessoas que se prontificaram a publicá-los. Não seria justo que eu não passasse adiante cada linha aqui escrita.

É isso.

Nuvon Comunicação