Blog do Shark

Até o ano de 1986, a página about:blank tinha mais conteúdo do que o resto da Internet. Conta-se que em cada 100 pessoas que usavam a Internet naquela época, 99 visitavam a página about:blank. Infelizmente, depois de 100 anos, o Administrador malvado do site da About:blank Corporation resolveu atualizar seus servidores para o revolucionárioWindows 1986 server, que acabando dando um erro fatal nos discos rígidos, tais como zilhões de telas azuis da morte fazendo a tela branca ficar azul, e como todos naquela época já tinha tela azul da morte em seus computadores, ele resolveu vender o site a Microsoft e se matar. Usuários do Konqueror também tem acesso à about:blank através do kio_about. [Desciclopédia]

Brincadeiras a parte…

O que é o about:blank?

R: É a página em branco do navegador.

Abra o Firefox, Internet Explorer, Opera, Safari ou Chrome e veja…

…como cada browser interpreta o about:blank

no robusto e completo Firefox:

no desajeitado e popular Internet Explorer:

no… … …Opera:

no clean e minimalista Safari (da Apple):

e no também clean e minimalista Chrome (do Google):

Se nem a porra do about:blank os navegadores interpretam de forma pelo menos parecida… como querem falar em padrão!? A começar pelo nome da profissão, que uns chamam de programador, outros de webdeveloper, outros de webdesigner, fazedor de sites, desenvolvedor web, desenvolvedor de interface e por aí vai… seja lá como queiram chamar, esses que se virem para deixar o site se não igual, pelo menos parecido, no Firefox no Internet Explorer e quiçá nos demais browsers…

e o salário ó…

Popularity: 3% [?]

Vi um artigo muito interessante no twitter do @blogblogs…
A definição da origem dos nomes das cores…
Como minha namorada é webdesigner, resolvi postar em meu blog para arquivar…

	AMARELO Na Antiguidade, pensava-se que a icterícia, uma doença que deixa as crianças amareladas, vinha da bílis, secreção produzida pelo fígado que era chamada “humor amargo”. No latim, amargo era amargus, que no diminutivo virava amarellus, que acabou virando amarelo.
	LARANJA Quando os árabes resolveram fazer uma “visitinha” à Europa, trouxeram na bagagem a fruta laranja – nárandja, em árabe. De lambuja, acabaram batizando a cor.
	BRANCA Em geral, dizemos que algo bem liso e brilhante é “branquinho”. Os latinos também achavam isso e pegaram o germânico blank, que significa polido, para falar da cor. Aliás, o termo “armas brancas”, usado para facas e punhais, vem daí: branco de polido, reluzente.
	PRETA O nome da cor preta vem do latim appectoráre, que queria dizer “comprimir contra o peito”. Como assim? É que, com o tempo, o appectorár virou apretar. E, por uma analogia muuito criativa, deu no preto, querendo dizer algo denso, espesso, “apertado”.
	AZUL Foi uma pedra preciosa chamada lápis-lazúli que batizou a cor azul. Lápis não conta, porque já queria dizer pedra em latim, mas o lazúli veio do árabe lázúrd, nome da rocha azulada. Em latim, o que era pedra continuou pedra, e a cor ficou simplesmente azul.
	MARROM A castanha portuguesa, aquela do Natal, chama-se marron, em francês. E foi da cor desse fruto que veio o nosso marrom. Aliás, o marrom-glacê é isso: um doce escuro feito de castanha portuguesa.
	CINZA O cinza nasceu daquela massa de pó misturado com brasas que sobra no fim das fogueiras. Por associação, a palavra latina cinisia, que queria dizer cinzas, transformou-se também no nome do tom preto-claro.
	VERMELHO Antigamente, como ninguém conhecia urucum nem pau-brasil na Europa, o único jeito de fazer tinta vermelha era usar um inseto – hoje chamado de cochonilha – que, esmagado, virava um vermelhão. O nome dessa cor vem do latim vermiculum, vermezinho.
	VERDE Aqui chegamos a uma das poucas cores que já nasceu cor. O verbo latino vivere significava estar verde, verdejar. Dele é que nasceu a associação do verde com algo que está nascendo, que ainda não está pronto

Popularity: 9% [?]

Já imaginou como seria o corpo humano em códigos HTML e PHP?

A imagem abaixo mostra bem como seria:

Claro que se você não entender do assunto, não vai achar nenhuma graça nisso.

Vi no Procurando Vagas que viu no Num Clique

Popularity: 2% [?]

Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5!

Você depende dele, mas não o vê a olho nu. O código HTML está presente nas páginas da web há mais de dez anos e tem uma larga aceitação dos usuários por todo o mundo. Com certeza, qualquer pessoa que tem uma ligação um pouco mais estreita com computadores e internet já ouviu falar em HyperText Markup Language (Linguagem de marcação de hipertexto), ou seja, o HTML. A principal característica desse tipo de programação são as “tags” – as marcações para inserção de algum tipo de objeto ou característica de um objeto através de comandos em inglês e números.

As linhas a seguir exemplificam, de maneira quase grosseira, o que seria o código HTML de uma simples página da web sem quaisquer recursos avançados:

Sabendo disso, podemos partir para a nova versão dessa linguagem de marcação de hipertextos. Já na sua quinta forma, o código HTML agora pode ser aproveitado para novas funções que podem beneficiar os desenvolvedores e os internautas. Isso acontece graças ao desenvolvimento quase paralelo da linguagem HTML e o XML. De maneira geral, o código XML é uma linguagem de marcação, assim como a outra já citada, que tem como objetivo principal criar documentos com dados hierarquicamente organizados.

Com essa aproximação das linguagens, muita coisa pode mudar dentro de pouco tempo. Ao que tudo indica, a tão sonhada Web Semântica de Tim Berners-Lee está no caminho de acontecer e o HTML 5 pode ajudar bastante a chegar lá. Como pode observar, o sistema de divisão de marcações é todo feito por tags. Nessa nova linguagem, algumas dessas “etiquetas de marcação” mais objetivas. De modo geral, com essas e as outras novidades, será muito mais fácil navegar pela Internet!

Tags Canvas

Especializadas em renderizar imagens em bitmap, as tags canvas serão específicas para a edição breve de imagens através de APIs ou JavaScript. Esse tipo de edição acontece pura e exclusivamente de maneira muito similar a outros geradores de imagem em duas dimensões (2D). Além disso, as Canvas Tags são compatíveis com as folhas CSS.

Tags de vídeo

Incluir vídeos em HTML como conhecemos hoje, utilizando códigos para o “embed”, ou seja, incorporar vídeos à página será muito mais simples. O HTML 5 possui tags específicas para a inserção de vídeos no corpo da página. Basta inserir a tag de vídeo assim como se faz com aquela destinada às imagens.
Assim, será necessário indicar uma “src”, ou seja, “source” (fonte) que nada mais é do que a origem do vídeo. A inserção de imagens em HTML funciona com a seguinte linha:

Para os vídeos a situação será muito semelhante ao que é feitos hoje com as imagens. Assim como a edição rápida de atributos tais como “height” (altura) e “width” (largura) também poderão ser feita diretamente no código e totalmente personalizados pelo desenvolvedor da página ou do usuário que desejar criar algo completamente novo e aprender novas técnicas.

Geolocalização

Saber onde você está não é uma informação importante só para os seus pais, namorados ou namoradas. O HTML 5 também possui maneiras de descobrir a sua localização e informá-la aos sites e serviços que você acessa. Os APIs serão o ponto forte para determinar a localização de um usuário.
Por isso, este recurso de geolocalização permite o que se chama de “geottaging”. Através disso, pode-se fornecer ao usuário conteúdos específicos para o local em que ele está. É muito útil para aplicativos de smartphones, uma vez que este recurso envia e recebe informações a respeito de onde o indivíduo está.

Caching de aplicações

Agora, com o HTML 5 os aplicativos web poderão ser acessados offline via cache. De acordo com a publicação provisória da W3C, o arquivamento desses aplicativos será feito via URL em que cada uma delas possui uma categoria diferente. As entradas mestre são aqueles documentos que foram adicionados ao cache por um contexto de navegação indicado por um atributo de manifesto. Já o manifesto é a fonte da URL indicada na Entrada mestre do HTML. Esses arquivamentos ainda podem ser agrupados ou não.

Base de dados

Apesar de não ser um recurso muito utilizado por usuários não desenvolvedores, os bancos de dados são importantes para os sites. No HTML 5, algumas vantagens serão implementadas como a possibilidade de entradas de valores ou palavras chave, além do banco de dados SQL.

E o que muda para o usuário?

Se você possui um perfil um pouco mais ligado às novidades tecnológicas, sentirá boas diferenças ao navegar pela Internet. Isso porque o HTML 5 irá facilitar muito a vida de todos nós – quer sejamos desenvolvedores ou apenas usuários. Para os desenvolvedores, fica mais rápido produzir sites cada vez mais fáceis e limpos para que os usuários possam aproveitar ao máximo cada uma dessas melhorias.

Você irá notar que colocar vídeos do YouTube no seu site ou blog ficará cada vez mais simples, assim como os conteúdos específicos direcionados para você que está procurando por uma padaria ou locadora de filmes pelo navegador do seu smartphone. Os conteúdos possuem a tendência de serem convergentes, assim como a linguagem de programação. O HTML 5 vem exatamente para facilitar esse processo!

Já está preparado para as mudanças? Você já tem algum conhecimento sobre linguagens de programação? Acesse a documentação oficial no site do W3C clicando aqui! Quais recursos implementaria?

E não perca a 1ª Conferência Web W3C Brasil que será realizada em São Paulo dias 23 e 24 de Novembro de 2009!

Mais informações: http://www.4newbies.com.br/?artigo&ver=148

Popularity: 2% [?]

Desenvolvedor de sites relata o drama que é não saber programar em PHP ou outras linguagens.

@antoniolaky

Popularity: 1% [?]

XHTML

O XHTML, ou eXtensible Hypertext Markup Language, é uma reformulação da linguagem de marcação HTML baseada em XML. Combina as tags de marcação HTML com regras da XML; este processo de padronização tem em vista a exibição de páginas Web em diversos dispositivos (televisão, palm, celular, etc). A intenção é melhorar a acessibilidade.

O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas. O HTML não consegue esta implementação. No entanto, não existem muitas diferenças entre o HTML e o XHTML. Para verificar se uma página XHTML está bem construída, o melhor método é validar o código através de uma aplicação Web disponibilizada pela organização W3C.

Resumidamente

XHTML deverá ser o sucessor do HTML. Assim, muitos consideram que XHTML é a atual ou mais nova versão do HTML (veja o link “Latest version of HTML” em [1]). Porém, XHTML é uma recomendação separada; a W3C continua a recomendar o uso de XHTML 1.1, XHTML 1.0, e HTML 4.01 para publicação na web, e HTML 5 está atualmente sendo desenvolvido.

CSS

Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.

Exemplos

Um exemplo simples de XHTML seria: (Observando dentro das tags <html></html>)

exemplo1.html

<html>
<head>
<link rel="stylesheet" href="exemplo1.css" type="text/css" />
</head>
<body>
     <form>
      <fieldset>
      <legend>Dados pra Cadastro</legend>
      <label for="nome">Nome:</label>
      <input type="text" name="nome" id="nome" />
      <label for="tipo">Tipo:</label>
      <input type="text" name="tipo" id="tipo" />
 	   <label for="data">Data:</label>
      <input type="text" name="data" id="data" />
  	   <input type="submit" value="enviar" class="botao" />
      </fieldset>
    </form>
</body>
</html>

o código CSS que formataria este xhtml seria:
exemplo1.css

<style>
form fieldset
{
   float: left;
   margin-right: 7px;
   width: 40%;
   border: solid black 1px;
   padding: 3%;
   margin-bottom: 10px;
}

form legend
{
   padding: 6px;
   margin: 10px;
   border: solid black 1px;
   font-size: 90%;
   font-weight: bold;
   background-color: #e8e8e8;
}

form label
{
   display: block;
   font-size: 11px;
}

form input
{
   width: 100%;
   border: solid #ccc 1px;
   font-size: 11px;
   font-family: 'Trebuchet MS', Verdana, Tahoma, Serif;
}

form input.botao
{
   display: block;
   width: auto;
   float: right;
}

form input.botao
{
   display: block;
   width: auto;
   float: right;
}
</style>

Popularity: 2% [?]