recoha.com

Ao assistir a aula passada da minha Pós-graduação em Desenvolvimento de Sistemas para Web pela Universidade Estadual de Maringá, pude perceber que a grande maioria, senão todos os pós graduandos daquela turma, sabiam o mínimo ou nada sobre a importância que representa um DOCTYPE em um documento para web, decidi então escrever aqui no blog, mas de uma forma mais completa para quem não conheçe e para quem ainda tem dúvidas.

O Que o Pessoal Está Fazendo?

Na maioria dos softwares utilizados para o desenvolvimento web seja ele WYSIWYG ou TEXTUAL, quando se pede para criar um novo documento HTML o programa gera uma página padrão com os códigos básicos para iniciar a construção do site, o que muita gente acaba fazendo é ignorando a linha do DOCTYPE sem saber ao certo a sua função, alguns nem se dão ao trabalho de procurar saber o que significa ou ao menos pensar qual será o DTD mais conveniente para o documento que ele irá criar e no piores casos chegam ao extremo de apagar a linha, achando ser inútil.

Continue lendo este post »

Muitos desenvolvedores talvez irão desconsiderar estes guias, mas particularmente alguns anos atrás eu utilizei bastante documentos deste tipo quando decidi seguir carreira no desenvolvimento web (ohhhh). Eu utilizava tanto para servir de consulta quanto até mesmo para aprender com eles - passava muitas horas testanto cada uma das propriedades de CSS. Claro que não são exatamente estes guias que disponibilizo aqui, que estavam na minha “biblioteca pessoal” naquela época, primeiro porque faz um tempinho já e estariam não ultrapassados, mas menos organizados e segundo porque foram melhorados em conteúdo e também acrescentado algumas novas coisas.

Eu estou disponibilizando os arquivos em PDF abaixo direto do servidor do recoha.com, mas obviamente não foi eu quem os escreveu, os créditos são todos do site Added Bytes mantido pelo Dave Child, que inclusive você irá encontrar diversos outros Cheat Sheet (folha de trapaças) que é como ele chama por lá.

Você pode realizar o download clicando em HTML, CSS e JavaScript. Tá aí a dica, abraços e até mais.

Há algum tempo eu gastei algumas horas pesquisando e lendo sobre as meta tags, o que são, para que servem e qual a forma correta de utilizá-las. Reuni em um arquivo pessoal de tudo o que eu encontrava e decidi disponibilizar aqui no blog para tirar algumas dúvidas e para servir como referência de consulta. Pode ser um assunto um tanto antigo ou repetido, mais semana passada ao iniciar a escrita do código XHTML do Projeto Irapida eu tive de utilizá-las novamente.

O Que São Meta Tags e Para Que Servem?

Meta Tags ou Meta Dados são informações sobre os dados que contém no site, ou seja, é uma pequena descrição do conteúdo da página, tipo de codificação usada no desenvolvimento, idioma do site assim como seu seu autor e outras informações.

Servem para que seu site seja melhor encontrado em pesquisas realizadas em sites de busca, pois muitos sistemas de busca dão elevada importancia a elas para classificarem o site, a maioria deles indexa os dados das meta tags de descrição e palavras chaves (description e keywords respectivamente) como sumários da página.

O uso dos meta dados deve obviamente ser moderado, você não precisa utilizar todas as meta tags existentes no seu site, utilize aquelas que realmente são importantes.

Continue lendo este post »

Bom, como eu disse no primeiro post deste blog que iria escrever também sobre bons exemplos de projetos web da qual desenvolvo/participo, este que iniciarei hoje é um bom exemplo.

Acabo de ingressar no grupo Nabhan de Tecnologia, um grupo com 3 empresas: Irapida Telecom, Virtual Age e Infomark com sede em Cianorte no noroeste do Paraná. Lá dentro, eu assumi a função de Webdesign do setor de Marketing e minha primeira tarefa foi reformular o atual site da Irapida Telecom.

O Site Atual

Logo após ter recebido a tarefa fui visitar o site e fazer minha primeira análise. Conclusáo: logo na página inicial já existe um menu drop down para escolher qual a cidade da qual estaria recebendo as informações, logo me veio a cabeça “se a pessoa que não conheçe a empresa viu por aí alguma propaganda da Irapida e entrou no site para saber a respeito, terá de escolher a sua cidade caso ela esteja na lista ou pensar em uma cidade que fique mais próxima a sua ou então escolher qualquer cidade no menu somente para entrar no site e se informar sobre aquilo que procurava”, não é uma experiência muito boa para o usuário que talves queira apenas uma informação simples, como por exemplo, o telefone de contato da empresa ou saber o que a empresa oferece como serviço, entre outros.

Continue lendo este post »

Esta semana no meio do desenvolvimento de um projeto web da qual estou envolvido por estes dias, eu tive um dúvida sobre se um determinado elemento do XHTML era de bloco ou inline, fui então pesquisar sobre e decidi escrever rapidamente por aqui, mesmo porque acho que muita gente ainda tem dúvidas quanto a isso, principalmente iniciantes, digo iniciantes porque eu tive um pouco de dúvida para compreender a diferença entre eles no começo.

Elementos de Bloco

Como o próprio nome já diz, elementos de bloco são aqueles que causam uma quebra de linha no fluxo da apresentação, que ocupam toda a largura da linha em que foi declarado, criando um linha antes e uma depois do local onde foi inserido. Elementos de bloco podem ter elementos de linha dentro deles e podem ser colocados dentro de outros elementos de bloco, porém não podem estar dentro de elementos de linha.

Continue lendo este post »