O Começo

HTML (the Hypertext Markup Language) e CSS(Cascading Style Sheets) são basicamente as duas tecnologias mais usadas para se construir uma página web. O HTML tem o cuidado de estruturar a página, enquanto o CSS cuida do visual. Mas então o que vem a ser exatamente o HTML e o CSS?

O que é HTML?

HTML é a linguagem para descrever a estrutura das páginas web. A tecnologia é fruto do “casamento” dos padrões HyTime¹ e SGML². HTML dá aos programadores a possibilidade de:

* Publicar documentos on-line com títulos, texto, tabelas, listas, fotos, etc;
* Recuperar informações on-line através de links de hipertexto, com o clique de um botão;
* Criar formulários para a realização de transações com serviços remotos, para uso em busca de informações, fazer reservas, encomenda de produtos, etc;
* Clips de vídeo, clips de som e outras aplicações diretamente em seus documentos.

Com o HTML, os programadores descrevem a estrutura das páginas usando marcação. Os elementos do rótulo das peças linguagem de conteúdo, tais como “paragraph”, “list”, “table”, e assim por diante.

O que é CSS?

CSS é a linguagem para descrever a apresentação de páginas Web, incluindo cores, layout e fontes. Ela permite adaptar a apresentação para diferentes tipos de dispositivos, tais como telas grandes, pequenas ou impressoras. CSS é independente do HTML e pode ser usado com qualquer linguagem de marcação baseada em XML. A separação do código HTML – CSS faz com que seja mais fácil manter sites. Isso é conhecido como a separação da estrutura (ou: o conteúdo) da apresentação.

Exemplos

HTML

<p>For more information see the
<a href="http://www.example.com/report">final report</a>.</p>

CSS

p.moreinfo { font-style: italic }

Deseja saber mais?

Para mais informações sobre  HTML e CSS, veja tutoriais para HTML e CSS.

Dúvidas? Mande um email para: panilha@gmail.com

O que era aquilo?

HyTime¹ é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-ligações. O padrão é independente de outros padrões de processamento de texto em geral.

SGML² é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.

Fontes: W3C

Se todos os programadores pudessem ter um tempo, para se reunir em uma comunidade para debater sobre isso, tenho a certeza de que a resposta seria, NÃO VEJO A HORA DISTO ACONTECER! Todos prezamos por qualidade, ao menos que outros vejam esta área como apenas um “hobby”.

Hoje temos uma organização que cuida disso, W3C. A World Wide Web Consortium é uma comunidade internacional onde as organizações membro, a tempo inteiro funcionários, e o público trabalham juntos para desenvolver padrões web. Liderado pelo Web inventor, Tim Berners-Leee CEO Jeffrey Jaffe, a missão da W3C é levar a Web ao seu potencial pleno.

Pensando na estrutura como um todo podemos melhorar a experiência do usuário como por exemplo, em apenas no click dado. Muito da web se deve a nós desenvolvedores. Faça você a sua parte. Muitos sites hoje, mostram isto de forma clara.

Por Anselmo Panilha

Serviço dispensa plug-ins na hora de fazer a integração com conteúdos de redes sociais e canais RSS

Sem instalar nenhum plug-in, seu Tumblr já está pronto para importar e exportar conteúdo de outras redes sociais. Depois de entrar no sistema, acesse Customize > Services. Nesse menu, é possível configurar a integração do site com Twitter, Facebook e fontes RSS. Também dá para importar links de serviços como Delicious, Digg e Blogger.



Segundo o portal de extensões do Chrome, já são mais de cinco mil disponíveis. É verdade que o Firefox conta com uma variedade maior, mas o navegador da Google tem duas importantes vantagens: enquanto o browser da Mozilla precisa ser reiniciado para que o complemento seja instalado, no Chrome a mudança é imediata, e, ao contrário do Firefox, ele não sofre com lentidão depois que muitos programas são adicionados.

Pois bem, das 5000 possíveis, eis as 15 melhores:

AdBlock
Para quem não quer ser importunado pelos anúncios dos sites, o AdBlock bloqueia as propagandas antes que elas sejam carregadas, contribuindo também para a velocidade na navegação. A extensão permite que o usuário escolha sites em que as propagandas não serão bloqueadas ou que permita a exibição dos links patrocinados do Google.

Google Tasks
Esse programa facilita o manuseio do serviço de tarefas da Google – aquele presente tanto no Gmail quanto no aplicativo de calendário da empresa. O que for feito por meio da extensão, refletirá no serviço do Google, e o que for adicionado no serviço, aparecerá na extensão. Para isso, basta se logar com seu Google ID.
Para quem não precisar dessa sincronização, o Clean 2do é mais recomendado. Simples, escreva aquilo que você não pode esquecer e, depois, quando não precisar mais da lembrança, clique no visto e a tarefa é apagada. Não precisa de nome de usuário ou senha.

Context Search
Em todas as extensões escolhidas, priorizamos a simplicidade, mas com essa não foi possível, pois é a única que soluciona o problema a seguir. Ao selecionar algum termo no Chrome e clicar com o botão direito do mouse, o browser oferece uma busca rápida pelo mecanismo de pesquisa padrão. Porém, a maioria dos internautas não utiliza apenas o Google, mas também buscam na Wikipedia ou na Amazon.

A Context Search resolve a questão. Apesar de essencial, é de difícil configuraração. Nas opções do complemento, você verá uma lista com as pesquisas já inscritas (Google e Wikipedia). Para adicionar mais uma, clique em “Add new”.

Agora que o processo fica complicado. A fim de explicá-lo, usaremos uma pesquisa na Amazon. Se fizermos uma busca com a palavra “TV” no site, veremos um endereço enorme na barra do navegador. Copie-o e, nas opções do complemento, cole-o no espaço destinado à URL. Agora, substitua a palavra “TV” por “%s”. Na parte “Name”, escreva o nome que nomeará essa busca, por exemplo, “Amazon”.

Por último, feche o navegador. Ao reiniciá-lo, sempre que você selecionar um termo, uma flecha azul aparecerá. Clique nela e selecione a pesquisa que preferir – se você seguiu as instruções acima, a da Amazon já estará lá. Para adicionar outras, o mesmo processo deve ser repetido. Funciona até com o Google Maps.

gCast Weather
Há muitas extensões para a previsão do tempo para o Chrome. Essa é a mais leve e bonita. Mostra a temperatura atual e a máxima e a mínima dos próximos três dias.

IE Tab Classic
Ainda há sites que só suportam o Internet Explorer. Serviços como internet banking ou mesmo rádios online, por vezes, não podem ser acessados pelo Chrome. Essa extensão existe para ocasiões como essa. Ela exibe um pequeno logo do IE na barra de endereços e, sempre que precisar, basta selecioná-lo que o browser da Microsoft será aberto dentro do próprio Chrome.

Sexy Undo Close Tab
Essencial. O Chrome tem um atalho para abrir apenas a última guia fechada. Para isso, deve-se clicar com o botão direito na barra de abas e selecionar “reabrir guia fechada”. Mas e aquela que foi fechada quinze minutos atrás, a antepenúltima, por exemplo? Só pelo histórico.
Esse complemento torna tudo mais fácil. Clique no ícone exibido na barra de ferramentas e todas as guias fechadas, desde que o browser foi iniciado, serão exibidas. Também é possível pesquisar por palavra chave para encontrar alguma página perdida e zerar a contagem de abas a qualquer momento.

Visualizador de PDF/PowerPoint do Google Docs
Como o próprio nome já diz, permite a visualização de arquivos PDF e de Power Point na própria janela, utilizando o serviço Google Docs. É uma opção mais leve e rápida que a abertura do Adobe Reader ou do software de apresentação da Microsoft.

É importante lembrar que a Google promete um visualizador próprio de arquivos PDF para a próxima versão de seu browser. Ou seja, com a sexta versão do Chrome, essa extensão perderá um pouco seu sentido.

AutoPager Chrome
Quando se pesquisa algo no Google, tem-se uma primeira página com, digamos, dez resultados. Para ir à segunda, deve-se clicar no número dois ao final da janela, o mesmo ocorre com a terceira, e assim sucessivamente.

Para simplificar o processo, o AutoPager Chrome carrega automaticamente a página seguinte. Portanto, basta descer até o fim do site que os próximos resultados aparecerão instantaneamente.

A extensão funcionou com o Google, o Bing, o eBay e a Amazon. No entanto, com portais brasileiros como Mercado Livre e Submarino, nada aconteceu.

Stop Autoplay for YouTube
Da série, “por que ninguém pensou nisso antes?”. Com essa extensão, o YouTube não terá mais a reprodução automática. Nada mais lógico: agora o vídeo só será tocado quando o play for apertado.

RapidShare DownloadHelper
Com esse complemento, o usuário não precisa mais se preocupar com a contagem feita pelo RapidShare. O arquivo será baixado automaticamente ao fim do processo sem que o internauta tenha que interferir.

Do mesmo criador, há o MegaUpload DownloadHelper. Tem a mesma proposta, desta vez com o também popular MegaUpload.

Last Pass
O Chrome é capaz de sincronizar preferências de navegação, favoritos e temas entre várias máquinas que possuam o browser. O Last Pass chega para complementar esse recurso, pois permite a sincronização das imprescindíveis senhas – não só entre computadores distintos como também entre navegadores diferentes, já que o complemento funciona no Chrome, Firefox, Safari e Internet Explorer.

Ao instalar a extensão, um cadastro deve ser preenchido antes de começar a usá-la. É rápido, só é preciso informar um e-mail de contato, escolher um login e criar uma chave mestra – é com ela que o acesso a todas as senhas será liberado. Depois, o usuário poderá importar as senhas do navegador para o Last Pass a fim de facilitar a mudança.

A empresa responsável pelo programa, sediada nos Estados Unidos, tem endereço próprio e tenta transparecer seriedade, afinal, é sempre complicado confiar seus dados a outrem. Ela afirma por seu portal, em português, que não tem acesso às senhas, pois estas são criptografadas antes de serem enviadas aos servidores da companhia.

A extensão também permite o preenchimento automático de formulários, mas, infelizmente, a ferramenta não funcionou decentemente em sites brasileiros.

FreshStart
Muito útil. Na falta de tempo para ler tudo o que foi aberto no Chrome, salve todas as guias em uma sessão. Para recuperá-la, clique no ícone da extensão e peça para abri-la –será iniciada em uma nova janela, de modo a não prejudicar o que se estiver fazendo no momento.

Pode-se salvar várias sessões e dar nomes a elas. Se você, por exemplo, tiver o costume de sempre abrir os mesmos portais de tecnologia, salve-os e com apenas um clique todos esses sites poderão ser abertos.

Google Mail Checker Plus
Esse é só para quem tem Gmail. A extensão mostra em seu ícone o número de e-mails não lidos, e ao se clicar nele, exibe uma pequena janela com a caixa de entrada e o início de cada mensagem. Pode-se ler todo o e-mail a partir desse pop-up ou ser direcionado para o próprio Gmail.

Chrome Bird
Ótima extensão para Twitter. Clicando no ícone, um pop-up é exibido, onde é possível acompanhar as atualizações das contas que você segue, tuitar rapidamente por meio de uma caixa de texto e até usar o encurtador de URL próprio do aplicativo.

Game Button
Esqueça a produtividade, essa é pura diversão! Clique no ícone e veja uma lista de jogos separados por gêneros. Alguns funcionam (Fast Track, Pac Man, Metal Slug), outros não (Sonic, Doom, Super Mario), mas, de qualquer forma, é prático e dá para perder algum tempo procurando e jogando os games casuais disponíveis.

Conclusão
O que mais impressionou é que, mesmo depois de instalar as 15 extensões listadas, o desempenho do Chrome não foi prejudicado, ou seja, a velocidade de inicialização continuou a mesma e o programa não travou em nenhum momento.

Mas os avanços na interface e na usabilidade, além da possibilidade quase infinita de personalizar o navegador, tornaram-se passado. O IE, o Chrome e o Safari fizeram o possível para incorporar todas ou algumas dessas características. E, dentre os três, o que se saiu melhor foi o browser do Google. O Chrome começou apostando em apenas um diferencial, a velocidade, e depois “se inspirou”, com o pessoal da Microsoft, em tudo o que achava valer a pena. Agora, começou a inovar.

O Firefox 4 Beta 1 mostra que a equipe da Fundação Mozilla está tentando inovar, mas agora só consegue “se inspirar” no Chrome. Poucas são as mudanças e as mais visíveis lembram demais o adversário do Google, que atropelou o Safari em todo o mundo – inclusive nos Estados Unidos –, segundo a StatCounter. O IE continua em queda e o Firefox, que só crescia, se estabilizou. O Chrome, com pouco mais de um ano de vida, está cada vez mais próximo dos 10% de internautas. O que será que vai acontecer? Não é muito difícil de deduzir.

Tão prejudicial quanto manter uma via de mão única é estabelecer uma avenida com três, quatro ou cinco faixas sem o menor planejamento, sem estruturas básicas e rascunhos pré-estabelecidos caso tudo venha a dar errado.

O monólogo, que por um longo período comandou toda a hierarquização de corporações, mercados e consumos, criou nas empresas um vício extremamente perigoso. O erro se projeta em um afobamento em aderir todos os novos canais de mídias, principalmente as redes sociais, exteriorizando uma fraqueza institucional gravíssima, que por muitas vezes deixará sequelas profundas.

Concordamos que o diálogo é essencial no digimundo empresarial de hoje, mas ao sair de um espaço-tempo-estrutura e entrar em outro contexto sem o menor pudor é colocar desnecessariamente em risco todo um trabalho de imagem institucional e comercial, seja offline ou online.

Somente aderir contas em redes sociais ou mídias sociais, às cegas, é como entrar na rodovia na contramão. A precariedade e a precocidade com que muitas empresas estão modificando suas plataformas para o modelo digital é, em grande parte, responsabilidade de grandes agências de mídia comunicacional.

Números maquiados, fantasmagóricos e sem a base necessária para a aplicação em diferentes contextos são apresentados às empresas, porém cada corporação apresenta uma realidade cultural, financeira e estrutural totalmente diferente das demais. Na época da bolha, todos falavam como sinônimo de internet a criação de páginas pessoais ou profissionais na web. Hoje associam muito a internet às temidas e clamadas mídias sociais.

Para começar: mídia social não é sinônimo de internet! Se sua empresa tem um site institucional e possui alguns canais em redes sociais, isso não significa que ela é uma empresa 2.0. Para ficar bem claro, uma empresa 2.0 se baseia muito mais em sua estrutura de pensamentos e capital humano do que os perfumes que ela usa no Twitter ou no Facebook.

Muito cuidado ao sair do monólogo para o diálogo. Muito cuidado ao abandonar o “convencional” para aderir ao “digital”. Sua empresa está tão impetuosa em falar com todos e em diversos canais que ela pode acabar falando sozinha, seja no Twitter ou no Facebook. Nem o eco consegue acompanhar.

Você se lembra de uma época quando os celulares serviam apenas para fazer ligações? Com o iPhone vieram o mundo de aplicativos. Os aplicativos permitem a utilização de recursos que não estão presentes no aparelho, expandindo sua utilidade às alturas. Tem de jogos a complexas ferramentas de trabalho. Alguns muito úteis, como o que permite que você baixe e leia livros e outros muito curiosos, como o que permite que você veja suas tomografias (isso mesmo, seus exames na tela do iPhone). Muitos aplicativos são de graça, basta clicar e fazer o download. A maioria dos outros custa menos de $10 dólares. Pode ser tanto o paraíso quanto o iferno – o que escolher no meio de tanta coisa? Separamos 10 dowloads de aplicativos muito legais para você iniciar suas aventuras. Basta clicar no ícone App Store na tela do seu iPhone e baixá-los direto para o iPhone. Você também pode ir na i-Tunes Store e baixá-los para o seu computador (para acessar a AppStore pelo computador, baixe o i-Tunes 8 na página do i-Tunes). Depois transfira os aplicativos para o iPhone. E lembre-se, todos os 10 são grátis!

PANDORA

Cansado de escutar as mesmas músicas do iTunes? O aplicativo Pandora resolve esse problema suprindo seu iPhone constantemente com novas músicas grátis. Comece escutando suas músicas favoritas e o Pandora achará padrões de sua preferência e criará estações de rádio customizadas para o seu gosto. Você ainda pode designar canais para estilos diferentes de música.

MIDOMI

Esse programa parece coisa de mágico. Coloque seu iPhone perto de uma caixa de som e o Midomi identifica que música está tocando. Se você cantar ou apenas murmurar a canção, tem boas chances dele identificar qual é. Isso vem a calhar quando você está com uma música na sua cabeça mas não sabe qual é. Murmure, assobie, faça qualquer som parecido que o aplicativo te direciona para a loja da iTunes. Lá ou você compra a música ou assiste vídeos relacionados a ela no YouTube. O Shazam é um aplicativo similar, que identifica músicas depois de 10 segundos.

REMOTE

Transforme seu iPhone em um controle remoto para seu computador. Esse aplicativo permite que você pause, adiante ou retroceda qualquer vídeo ou música no seu PC. Ele também opera o Apple TV, um dispositivo que envia fotos, músicas e vídeos de seu computador para a televisão. Só não dá para trocar de canal na sua tv (pelo menos enquanto a Apple não lançar a sua própria tv).

ShoZu

Tire fotos com o iPhone e as envie para o Facebook, seu blog pessoal ou sites de compartilhamento como o Flickr. O ShoZu conecta o iPhone com vários serviçoes online, tornando fácil fazer atualizações em redes sociais ou blogs de qualquer lugar.

NY Times

O New York Times fez um excelente trabalho convertendo seu enorme periódico para a tela do iPhone, tornando a leitura bem prazerosa. Procure matérias por seções ou veja as notícias mais populares do dia. Fotos coloridas acompanham quase todos os artigos e os textos são fáceis de se ler no iPhone.

Writing Pad

Uma pérola escondida, esse pequeno aplicativo permite que você arraste seu dedo por um teclado virtual para escrever suas mensagens, ao invés de depender do sistema “cata-milho” do iPhone, onde você digita letra por letra. No começo é estranho, já que vai gerando as palavras meio que automaticamente até acertar, mas depois que você pega o jeito fica insubstituível.

Stanza

Adicione quantos livros você quiser de uma vasta biblioteca de títulos de domínio público. Além dos clássicos da literatura, você pode importar aquivos em Word ou PDF direto do seu computador. Mais de 20.000 livros já foram baixados até agora pelos donos de iPhone.

Jott

Esse aplicativo transcreve mensagens de voz em textos que podem ser arquivados. Basta dar um toque na tela e ditar no telefone por 15 segundos. Vem a calhar quando você precisa anotar uma tarefa ou o telefone de alguém na rua.

Google Mobile App

Logo quando você começa a digitar procurando algo na internet ou em seus contatos, o Google Mobile App acha para você. O aplicativo ainda traz links para outros serviços Google, tais como GMail, Blogger, YouTube, Picasa e Google Docs.

Instapaper

Às vezes as ferramentas mais simples são as mais úteis. Esse aplicativo permite que você envie artigos que você encontra na internet direto para o seu iPhone. Basta criar uma conta na Instapaper.com e baixar o aplicativo direto para o seu iPhone. Assim, sempre que você estiver online no seu computador e esbarrar em um artigo ou blog que queira ler mais tarde, basta um clique para mandar tudo para o seu iPhone.