O objetivo é me tornar mais produtivo. Vou passar uma semana assim. Será que vou sobreviver? No final da semana eu conto a vocês como foi.

Agora será possível uma pessoa que não sabe ler ou mesmo com deficiência visual se atualizar diariamente através de um módulo implantado na edição digital. Se trata de um recurso que permite a pessoa apenas ouvir as notícias a partir de uma tela com leitura eletrônica.

Criamos uma tela sintetizada que emite sons a partir do movimento do cursor. O mouse até o momento não é um recurso conhecido para a pessoaque não vê. Com o módulo da leitura eletrônica o mouse passa a ser fundamental para que quer se atualizar via Internet e não tem visão.

Uma característica importante é que o computador do usuário não precisa de nenhum programa para começar a ler as notícias do dia, podendo acompanhar o jornal da Paraíba até mesmo em uma lan house. Uma tela inteligente foi mapeada com letras que identifica a coluna e números que identifica a linha exata que o cursor se encontra. Com o recurso, o usuário mesmo sem vê sabe a posição exata que o cursor se localiza na tela do computador.

A imagem foi criada em retângulo com 21 centímetros de altura por 28 de largura. Uma primeira faixa separa a área que emite um som, avisando o internauta que já pode começar a navegação na tela sintetizada. Uma segunda faixa avisa ao ouvinte se a localização do cursor naquele momento se encontra na lateral direita, esquerda, na faixa superior, ou inferior da área delimitada. Apenas passando o mouse por cima da área sensível, a ferramenta já começa emitir uma voz eletrônica identificando a localização do cursor.

Como podem ver, o site é desenvolvido em Flash e depende da utilização do mouse para funcionar, mas eles não se esqueceram de que os deficientes visuais não utilizam mouse para navegar? Muitos deles sequer tem um monitor instalado no micro, então até que ponto esse jornal é útil para cegos?

Deficientes visuais utilizam leitores de tela para navegar, e a navegação com eles se dá através do teclado, e não do mouse, o único leitor de tela conhecido que tem suporte a mouse é o NVDA, que apesar de ser livre, não é utilizado por muitas pessoas. Desenvolver sites acessíveis é desenvolver sites para todos, e não especificamente para um leitor de tela.

Essa é minha breve visão sobre a aplicação, gostaria de ver aqui também a opinião de outras pessoas, se discordam ou concordam comigo, testem a aplicação e depois postem seus comentários.

HTML

Observem a seguinte marcação HTML:

<dl>
     <dt>What is Lorem Ipsum?</dt>
     <dd>Lorem Ipsum is simply dummy text of the printing and ...</dd>
</dl>

Faremos o uso aqui de Lista de definição, onde a tag dl é o elemento container, a tag dt será usada para a pergunta e a tag dd será utilizada para a resposta. Agora observem o CSS.

CSS

dl {
	border-left:1px solid #999;
	margin:0 auto 20px;
	padding-left:10px;
	width:500px;
}
dt, dd {font-size:1.2em; margin:0 0 10px}
dt:before {
	background-color:#f7f7ef;
	content:"Pergunta";
}
dd:before {
	background-color:#dbd4b7;
	content:"Resposta";
}
dt:before, dd:before {
	display:block;
	font-size:1.2em;
	font-style:italic;
	margin:0 0 10px;
	padding:5px 10px;
	width:150px;
}

Como podem ver, os textos Pergunta e Resposta são gerados através do CSS com a utilização da propriedade content, em conjunto com o pseudo elemento :before, que fará com que esse texto venha antes das minhas perguntas e respostas. A partir daí eu posso aplicar estilos a eles da forma que quiser, e como podem ver no tutorial, aplicai largura, cor, tipo de fonte, cor de background. Infelizmente os pseudo elementos :after e :before e a propriedade content não funcionam no Internet Explorer, mas com a utilização de JavaScript, você pode conseguir com que essas propriedades funcionem facilmente.

Nesse exemplo eu utilizei uma biblioteca JavaScript desenvolvida por Dean Edwards, que faz com que várias propriedades do CSS que não funcionam no IE passem a funcionar, prometo fazer um post sobre isso.

• Exemplo do Faq.
• Download dos arquivos de exemplo.

Por volta de 1997, os computadores da Apple traziam por padrão o Netscape. Naquele tempo o mercado de browsers não era tão acirrado como hoje e os concorrentes eram poucos. O Internet Explorer estava em sua versão 2/3. Mesmo assim, o Internet Explorer para Mac era também distribuído com o MacOS durante os 5 anos de acordo entre Apple e Microsoft. A Microsoft laçou 3 versões principais do seu navegador para o Mac, parando na versão 5 em março de 2000.

Em 2003, a Apple anunciou que eles estavam desenvolvendo seu próprio browser baseado no motor de renderização KHTML. A versão 1.0 foi lançado como browser padrão do MacOS por volta de Junho de 2003. O Internet Explorer ainda era distribuido no sistema, mas agora como um navegador alternativo, até Abril de 2005.

Motor de Renderização WebKit

O Safari utiliza um motor de renderização chamado WebKit. O WebKit tem dois motores de renderização: o WebCore, que é o motor de renderização baseado no KTHML do Konqueror. E o JavaScriptCore, baseado no motor de javascript KDE chamado KJS. Esses motores estão sob Licensa GNU.

A Apple, ao fazer o Safari fez muitas atualizações e modificações no motor KHTML, deixando-o mais maduro e robusto. Essas modificações foram devolvidas para a comunidade e incorporadas no Konqueror.

MobileSafari e Safari para Desktop

A idéia é que o usuário tenha uma experiência muito próxima a experiência que ele tem no desktop. Por isso o Safari para iPhone (MobileSafari) foi feito sob o mesmo motor de renderização WebKit do Safari para Windows e Mac. Diferenças: 1) Se o site não foi feito para iPhone, ele renderiza a página da mesma forma como renderiza em um Safari para desktop, mas miniaturizada. 2) A interação do usuário.

Padrões Suportados

Para que a renderização do MobileSafari seja fiel ao Safari para desktop, ele tem grande suporte aos Padrões Web.

• HMTML 4.01
• HTML 5
• XHTML 1.0
• CSS 2.1
• Parte do CSS 3
• Javascript 1.4
• Ajax
• DOM

É interessante notar que temos uma certa liberdade de desenvolvimento web no iPhone. Há facilidades como cantos arredondados que não podemos contar no desenvolvimento focado para desktops. Isso tráz vantagens pra você, desenvolvedor, porque facilitará seu trabalho, e para o usuário porque ele terá uma experiência mais rica.

Limites dos recursos

Embora o iPhone suporte as tecnologias mais atuais de desenvolvimento web, não podemos esquecer de que ele é um dispositivo móvel, com capacidade de processamento muito menor que a de um desktop. Por isso, há algumas limitações de recursos que devemos nos atentar.

Para códigos:

• 10Mb para arquivos Javascripts e XML
• O tempo de execução de um Javascript é limitado a 10 segundos. Se passar de 10 segundos, o Safari pára a execução em algum lugar aleatório do seu código.
• Javascripts alocados limitados a 10Mb
• Máximo de 8 documentos abertos de uma vez

Para imagens:

• Limite máximo do tamanho de GIF, PNG e TIFF são 2 Megapixels
• A decodificação máxima dos tamanhos de JPGs são 32 Megapixels. Utilizando SubSampling
• O tamanho máximo de GIFs animados deve ser menor que 2MB. Para arquivos animados maiores, só é mostrado o primeiro frame.

Verifique sempre o tamanho final de sua página. Normalmente o sites com 30Mb para menos funcionam muito bem no iPhone.

Esse texto e muitos outros fazem parte do Campus Online. Visite e cadastre-se grátis!
Sessão exclusiva sobre Desenvolvimento para iPhone.

Se ainda estiver interessado, leia também:

• Sobre Internet Explorer para Mobile - Breve impressão
• Sites para Dispositivos Móveis - MediaType
• Navegação em mobiles
• Mobilidade na cabeça
• Breve introdução: XHTML Mobile Profile

Após vários pedidos, saiu mais um artigo da série! Dessa vez cubro, passo a passo, A Configuração do Zend Debugger, um velho conhecido.

Ao todo, a série de artigos será:

• Tutorial de Instalação do Apache, PHP e MySQL no Ubuntu
• Tutorial de Instalação do Eclipse IDE com Aptana, PDT, DBViewer, Subversive e RegexUtil
• Tutorial de Configuração do Debugger de PHP
• Tutorial de Configuração do DBViewer e drivers JDBC para conexão com MySQL, PostgreSQL, Oracle, SQLite e Microsoft SQL Server
• Tutorial de Configuração do Debugger de JavaScript do Aptana
• Tutorial de Conexão com Repositórios SVN
• Tutorial de Criação de Expressões Regulares com assistência do RegexUtil
• Tutorial de Configuração do Eclipse –Deixe seu ambiente ainda mais produtivo

No final, quem seguir todos os tutoriais com sucesso, terá uma IDE capaz de:

• Colorir códigos de várias linguagens
• Assistência de código PHP, JavaScript, HTML e CSS com contexto (inclusive para funções e classes que você mesmo escreveu).
• Assistência de código para diversas bibliotecas JavaScript (Spry, Ext, Aflax, Rico, Prototype, Mochikit, YUI, Mootools, Dojo, jQuery e Script.aculo.us)
• Assistência de código informando sobre recursos específicos de navegadores
• Debugar PHP e JavaScript
• Conectar, consultar e obter resultados de bancos de dados MySQL, PgSQL, Oracle, SQLite e MSSQL em uma única interface
• Compartilhar projetos via SVN
• Receber notificações de erros de sintaxe em diversas linguagens antes mesmo de rodar o programa
• Assistência para documentação de código
• Gerenciamento de tarefas via documentação de código
• “Folding” de código em várias linguagens

Até o próximo!

<p>Fazer <a href="#" class="tooltip">Tooltips<span>Eu sou um tooltip feito com CSS</span></a> é muito fácil.</p>

Nesse exemplo criamos uma classe no CSS chamada tooltip e será apartir dela que iremos aplicar o nosso CSS:

a:hover {background:#ffffff; text-decoration:none;} /* background-color e necessario para o IE6 */
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

Essa técnica é muito simples, colocamos o texto do tooltip dentro de uma tag, que no exemplo foi utilizada a tag span, e definimos primeiramente display:none para ela, pois ela só aparecerá quando o usuário colocar o mouse sob o link. Vejam o exemplo.

Movable Type

Mobable Type – Uma ferramenta muito utilizada como CMS, só não mais que o Wordpress pois sua utilização necessita um pouco mais de conhecimento técnico, pois o software é escrito em Perl, e sua instalação não é tão simples. No atual momento existe uma carência de plugins e temas para esse CMS.

Drupal

Drupal - Drupal é um framework modular e um sistema de gerenciamento de conteúdo (CMS) escrito em PHP. Da mesma forma que os sistemas de gerenciamento de conteúdo mais modernos, o Drupal permite criar e organizar conteúdo, manipular a aparência, automatizar tarefas administrativas, e definir permissões e papéis para usuários e colaboradores.

Joomla

Joomla - Joomla! (pronuncia-se djumla) é um CMS (Content Management System) desenvolvido a partir do Mambo. É escrito em PHP e roda no servidor web Apache ou IIS e banco de dados MySQL. É o CMS em maior expansão, sendo provavelmente o CMS mais procurado, com a maior comunidade e recursos disponíveis. A grande vantagem do Joomla é sua diversidade de extensões extras, feitas não necessariamente pelos desenvolvedores do projeto. Componentes, módulos e plugins são atualizados constantemente e possuem grande valia para profissionais de web interessados em um site bem feito.

Serendipity

Serendipity - Serendipity é uma aplicação PHP, que dá ao utilizador uma forma simples de manter um diário online, um blog ou até mesmo um website. Embora o seu padrão seja voltado para blogs, ele proprociona um sistema de fácil utilização e flexível para a criação de sistemas profissionais.

MODx

MODx – MODx é um CMS desenvolvido em PHP que procura gerar marcação 100% compatível com padrões web, tornando fácil a criação de sites que necessitam de conteúdo gerado pelo usuário. Possui pré-integração com Frameworks JavaScript como Mootools e Script.aculo.us.

TYPO3

TYPO3 – TYPO3 é uma ferramenta open-source para gerenciamento de conteúdo com fins empresariais na web e intranets. Ele oferece total flexibilidade referente a interface, funções e módulos.

TYPOlight

TYPOlight – CMS desenvolvido em PHP 5, suas principais características são o foco em Acessbilidade, possui uma interface intuitiva, atende as regras do W3C/WAI. Possui um Framework CSS interno que torna muito fácil a criação de layouts.

Sava CMS

Sava CMS – Sava é um CMS desenvolvido em Cold Fusion projetado para ajudá-lo a gerenciar o conteúdo do seu site facilmente, com o menor incômodo possível. Sava tem centenas de elementos de construção que tornam isso possível, como: Facilidade da edição e criação de conteúdo, ótimo suporte para se trabalhar com CSS, facilidade para a integração de Templates.

MiaCMS

MiaCMS – Mia é um CMS que está evoluindo constantemente, mas dentre suas características, podemos citar as seguintes: Fácil instalação, Estável e Seguro, Distribuição de conteúdo via RSS e multilinguagem.

Jahia

Jahia - Jahia (pronuncia-se J-A-Y-A) é a maior provedora de softwares de gestão de conteúdo do mundo. É o mais completo e Standard-based que podemos encontrar hoje. Sua utilização é muito simples e pode ser utilizado em Intranets, Extranets, Portais e WebSItes.

DotClear

DotClear – DotClear é um CMS de fácil instalação, possui a possibilidade de utilização de multi-blogs e múltiplos usuários. Possui uma interface multlinguagem, de fácil customização e a possibilidade da utilização de plugins.

Umbraco

Umbraco – Ferramenta desenvolvida em ASP.NET. É Open-source, possui suporte a edição no Microsoft Word, sua interface é amigável e possui total suporte aos controles do .NET.

Bigace

Bigace – Possui a possibilidade de criação de vários sites em uma única instalação. Seu painel administrativo é multilinguagem , além de possuir integração com editores como o FCKEditor, e TinyMCE.

Nucleus CMS

Nucleus CMS – Ferramenta desenvolvida em PHP e MySQL, dentre suas características, podemos citar as seguintes:

• Suporte a estatísticas: Posts mais lidos, mais comentados.
• Calendário.
• Chat.
• Enviar artigo por e-mail a um amigo.
• Suporte a compressão GZip.
• Enquetes.
• Trackbacks.

SilverStripe

SilverStripe – SilverStripe é uma ferramenta desenvolvida em PHP, é simples e intuitiva, seu código é semelhante a de um Framework(MVC) . É modular e possui suporte a templates.

Radiant CMS

Radiant CMS – Radiant CMS é uma ferramenta desenvolvida utilizando Ruby on Rails, possui um interface muito simples e agradável. Não é recomendado para usuários leigos por não possuir um editor WISYWYG integrado, todas as alterações são feitas diretamente no código HTML que é gerado.

Frog CMS

Frog – Frog CMS é a versão em PHP do Radiant CMS, possui um interface simples e agradável, possiu um editor Wisywyg integrado, suporte a plugins e templates.

Zikula

Zikula – Zikula é uma aplicação semelhante a um Framework para a criação de sites robustos que utiliza PHP e MySQL. Suas características são as seguintes:

• Possui estrutura modular.
• Suporte a customização através de módulos.
• Multi-linguagem (36 linguagens diferentes).
• Editor WYSIWYG integrado.

Kentico

Kentico – Kentico é um CMS desenvolvido em ASP.NET. Sua principal característica é tornar o desenvolvimento para web muito mais rápido que o tradicional onde você possui total controle do código que é gerado. Seu diferencial é a flexibilidade e extensibilidade.

XOOPS

XOOPS – XOOPS é um CMS extensível, desenvolvido em PHP(Orientado a objetos), de fácil utiização. Sua utilização é recomendada para a criação de Portais, sites corporativos e blogs. Possui suporte a módulos e temas que podem se instalados e desinstalados rapidamente.

CMS Made Simple

CMS Made Simple – É um CMS simples, de fácil utilização, é modular e extensível. Possui um editor WYSIWYG integrado, possui suporte a enquetes e galeria de fotos. Seu uso é ideal para blogs.

Instant Update

Instant Update – Como seu próprio nome já diz, atualizações instantâneas é seu diferencial. Sua interface é muito simples e clara. Possui suporte a criação de vários usuários onde você pode definir seus níveis de adminstração. É desenvolvido em PHP, possui um editor WYSIWYG integrado, otimização das URLS com mod_rewrite, suporte a UTF-8 e a plugins.

Plone

Plone – Plone é desenvolvido sob a plataforma Zope, é um poderoso CMS gratuito. Possui suporte a 35 linguagens diferentes. É fácil de utilizar e de instalar.

Spip

Spip – Spip é um CMS desenvolvido originalmente para o gerenciamento do site uZine. Sua utilização e instalação é muito simples em relação a outros CMS. A configuração faz-se diretamente em linha através de uma interface gráfica simples.

Xaraya

Xaraya – Xaraya é um CMS muito simples de instalar pois sua plataforma de utilização é independente, funciona tanto no Windows, Linux e MAC. É modular, extensível, flexível e escalável. Possui tradução para a maioria das linguagens mais utilzadas no mundo.

phpwcms

phpwcms – phpwcms é um CMS otimizado de fácil utilização desenvolvido em PHP e MySQL. É perfeito para o uso profissional, público ou privado. É flexível pois trabalha com desenvolvimento em camadas.

Zope

Zope – Zope é um CMS desenvolvido em Python perfeito para Intranets e portais, de alta produtividade e orientado a objetos.

b2evolution

b2evolution – b2evolution é um CMS que possui todas as características da ferramentas e blogs tradicionais, e os estende com funcionalidades de gestão de fotografia, criação de múltiplos blogs e usuários. Possui também suporte a plugins.

ExpressionEngine

ExpressionEngine – ExpressionEngine é o CMS mais flexível existente hoje em dia para a publicação de conteúdo na web. Dentre suas características podemos citar as seguintes:

• Suporte a Templates e Sub-templates.
• Comentários e Trackbacks.
• Suporte a plugins.
• RSS e ATOM Feeds.
• Ferramentas de estatística.

GuppY

GuppY - O GuppY é um CMS (em flatfiles) que é facl de usar e instalar, uma vez que não usa banco de dados, em desenvolvimento desde 2002. Possui centenas de plugins modulares e comunidades no mundo todo. Para iniciar rapidamente, use o pacote miniGuppy para Windows que possui um miniservidor PHP e instala o Guppy em sua maquina local Windows, ou mesmo em um Pen-Drive em apenas 5 minutos.

Você não precisa conhecer HTML, ou a administração do banco MySQL ou PHP, GuppY oferece uma interface de administração segura e completa para administrar a aparência do seu site, bem como o conteúdo.

Mambo CMS

Mambo CMS - Criado pela empresa Miro International no início de 2000 (versão 1.0), o Mambo como originalmente era conhecido, sempre foi desenvolvido com o intuito de ser um dos melhores (senão o melhor) gerenciador de conteúdo para web e também desmistificar que grandes produtos não podem ser realizados sob a bandeira do FLOSS (Free/Livre Open Source Software) inclusive não deixando nada a desejar para aplicações comerciais/proprietárias. Com um corpo técnico de alta qualidade técnica para o desenvolvimento de aplicações baseadas no conjunto AMP (Apache, MySQL e PHP), a empresa lançou sucessivas versões até atingir um nível de qualidade e eficiência tal que no ano de 2005 foi escolhido na Linux World de Boston como o Best Open Source Solution e também como Best Overall Industry Solution, atestando assim sua qualidade tanto para a comunidade de usuários quanto para o mercado corporativo.

Atualmente o Mambo Server é utilizado por milhares de pessoas e empresas ao redor do mundo; desde os mais simples websites pessoais até grandes portais de empresas como Porsche e Mitsubish aproveitam-se das facilidades disponíveis na ferramenta para publicar, diariamente, milhares de páginas web com os mais diversos conteúdos.

Mephisto

Mephisto – Mephisto é mais um CMS que utiliza a tecnologia Ruby on Rails que torna muito fácil a configuração de um blog ou um website. Possui um modelo de sistema flexível e cache integrado para tirar melhor proveito do servidor.

sBLOG

sBLOG – sBLOG é um CMS flexível e multi-linguagem de fácil customização que possui suporte a templates. Suas características são semelhantes as das ferramentas atuais.

Simplog

Simplog - Simplog fornece uma maneira fácil para os utilizadores a adicionar capacidades de blogs para os seus sites existentes. Simplog é escrito em PHP e compatível com múltiplas databases.

Textpattern

Textpattern – Textpattern é um CMS Open Source originalmente desenvolvido por Dean Allen. Embora muitas vezes seja listado como uma ferramenta para blog, seu objetivo principal é de ser de alto nível para sistemas de gernciamento de conteúdo para uso em muitos contextos. É desenvolvido em PHP e MySQL.

Wikyblog

Wikyblog – Wikyblog é um CMS que utiliza Ajax com uma interface melhorada. Abas permitem aos usuários visualizar e editar vários arquivos dentro da mesma página. Ele foi desenvolvido para ser um CMS escalável, possuindo integração com templates e Google Maps.

Habari

Habari – Habari é um daqueles CMS de nova geração, desenvolvido em PHP com suporte a várias databases como: MySQL, SQLite, PostgreSQL, além de ser modular, extensível e orientado a objetos. Posui suporte a múltiplos autores e sites na mesma instalação, além da opção de importação de posts do Serendipity e WordPress.

Chyrp

Chyrp – Chyrp é uma ferramenta desenvolvida especialmente para blogs projetado para ser muito leve e manter a sua funcionalidade. É desenvolvido em PHP e MySQL e possui algumas funcionalidades em AJAX. Seu grande diferencial é que você pode personalizá-lo como quiser.

Veja Também

Se ainda estiver interessado, veja o post que fiz sobre um possível concorrente ao Wordpress.

Para ter acesso a referência basta ter o plugin instalado e apertar as teclas “CTRL + F9″, é aberta uma espécie de Sidebar em seu browser, a partir daí é só procurar o que deseja. Dica do WebResourcesDepot.

É o que esperamos

Conversei para alguns amigos que relataram ter sido contatados pela mesma agência, mas por outra pessoa. Essa pessoa, ao contrário, fez tudo direito. Perguntou se o blogueiro tinha interesse e afirmou com todas as letras que não seria cobrado nenhum post. Falava se quisesse e bem entendesse.

A praga do post pago disfarçado

Agências estão tão acostumadas em comprar espaço de publicidade e medir o sucesso de uma ação em quantidade de exposição, que tudo que eles conhecem é “toma lá, dá cá“. O escambo é moeda corrente e a troca pode ser feita por uns trocados ou uma festinha regada a tequila. Não existe (claro, estou generalizando) o convite não-descaradamente-intencionado e, quando não deixam bem claro antes, cobram depois o post (declaração recebida de amigos).

O grande problema nessa relação é que um post reconhecidamente pago, em dinheiro, normalmente é declarado como tal e identificado ali como uma relação comercial e venda de espaço publicitário. E quando o desejado é o tal espaço e a tal compra do mesmo é a oferta de um diferencial, como conteúdo, por exemplo? Para muitos blogueiros, conhecer um aparelho de celular antes do lançamento é mais valioso que um punhado de reais depositados 25 dias após o post (me incluo nesse grupo).

A valorização do espaço e desvalorização da opinião

É comum a cobrança do post pelas agências, mas normalmente o pessoal diz que pode falar sinceramente. O blogueiro se sente valorizado, pois pode expressar sua opinião sincera no post, dizer se gostou ou não do produto, etc. Mas isso é o que se espera, certo? No seu blog, você poder exercer a expressão livre do seu pensamento e opinião sobre algo. Não há o que comemorar aqui. Ridículo seria querer ainda controlar o conteúdo da sua opinião.

A grande verdade nesse caso, é que pouco se liga para a opinião da pessoa que se deu ao trabalho de testar um produto / serviço e avaliar, levantar pontos positivos e negativos, expressá-los num post em seu blog. O que se espera é que ele fale, pura e simplesmente, e isso será “centimetrado” para avaliar o retorno da “ação” nas tais Midias Sociais. Midia espontânea, eles chamam. Grátis. Falem mal - que seja - mas falem de mim.

Por um lado vocês podem dizer que isso é maravilhoso, afinal, estão gerando pauta para o blog e continuam livres para expressar seus pensamentos. Mas isso dá algum resultado? Alguém conhece um caso de um celular que adiou o lançamento de um aparelho por conta de opiniões negativas em blogs? Eu conheço casos em que fabricantes de automóveis fizeram recall para troca de peças por conta de opiniões de usuários na Internet, mas nenhum deles foi um post resultado de uma ação de montadora ou agência. Foi espontâneo de verdade. Isso é Midia Social. Isso é viralização.

Inversão de valores e confusão de posturas

Eu não concordo com essa postura. Se querem alugar um espaço em meu blog, eu alugo, deixo bem claro que aquilo é publicidade e todos ficam felizes. Querem me convidar para um evento, eu vou, sem obrigação alguma de falar sobre - mas é óbvio que vou falar se achar relevante ao meu leitor. Simples assim #ficadica.

Já ouvi gente falar que blogueiro não gosta de ganhar dinheiro, ou que não somos profissionais, por isso ou por aquilo. Blogueiros são pessoas, entendam. Existem os que gostam de dinheiro, os que não gostam e os que gostam mas não se vendem barato. Existem os profissionais, os amadores e os mais ou menos. E não venham inverter os valores querendo usar de psicologia reversa e tentar nos comprar com mariola. Se vocês estão fazendo negócio, deixem claro e paguem o preço. Se não é negócio, não se comporte como tal.

Já está mais do que na hora dessa galera acordar e parar de se vender barato e disfarçado. Se vende, caramba, mas cobre bem e bata no peito pra dizer que foi pago. Não há nada de errado em ser reconhecido como mídia e potencial gerador de receita para anunciantes.

Sabe o pior nisso tudo? Eu toparia a ação dos celulares - se a postura da agência tivesse sido diferente. #prontofalei

Compare preços de: MP3, iPod, celulares, notebooks, câmeras no Buscapé.

Textos Relacionados

• Você mema como eu memo? (ou, sobre tags e memes) [12 comentário(s)]
• Uns trocados não fazem mal a ninguém [2 comentário(s)]
• Um novo projeto comunitário [10 comentário(s)]
• To feed or not to feed [2 comentário(s)]
• Tableless em dose tripla [1 comentário(s)]

Via: Opera Watch

Criar gráficos de barra não exige conhecimento afinado em PHP, JavaScript ou XML. Você pode simplesmente implementar uma solução simples com HTML e CSS. Com uma simples técnica, você pode montar uma tabela que ilustra todos os dados em formato de barras.

HTML

Nosso HTML se resume ao seguinte:

<div id="graphbox">
    <h2>JavaScript Frameworks</h2>
    <div class="graph"><strong class="orangebar" style="width: 55%;">Prototype: 55%</strong></div>
    <div class="graph"><strong class="greenbar" style="width: 90%;">jQuery: 90%</strong></div>
    <div class="graph"><strong class="bluebar" style="width: 75%;">Script.aculo.us: 75%</strong></div>
    <div class="graph"><strong class="orangebar" style="width: 33%;">Dojo: 33%</strong></div>
    <div class="graph"><strong class="greenbar" style="width: 98%;">Mootools: 98%</strong></div>
    <div class="graph"><strong class="greenbar" style="width: 85%;">Mochikit: 85%</strong></div>
</div>

CSS

#graphbox {
	border:1px solid #e7e7e7;
	padding:20px 20px;
	width:400px;
	background-color:#f8f8f8;
}
#graphbox h2{
	color:#666666;
	font-family:Arial, sans-serif;
	font-size:1.1em;
	padding-bottom:0.3em;
	font-weight:bold;
	text-align:center;
}
#graphbox p {
	color:#888888;
	font-family:Arial, sans-serif;
	font-size:0.8em;
	padding-top: 0.3em;
	text-align:left;
}
.graph {
	background-color: #F0EFEF;
	border:1px solid #cccccc;
	padding:2px 2px;
}
.graph .orangebar, .graph .greenbar, .graph .bluebar {
	text-align:left;
	color:#ffffff;
	height:1.8em;
	line-height:1.8em;
	font-family:Arial, sans-serif;
	display:block;
}
.graph .orangebar {
	background-color:#ff6600;
}
.graph .greenbar {
	background-color:#66CC33;
}
.graph .bluebar {
	background-color:#3399CC;
}

Vamos a explicação do CSS utilizado para gerar o gráfico: Primeiro definimos uma largura total para a área do gráfico, que no exemplo foi de 400px. Após criamos as divs que conterão as nossas barras para que ao definirmos as larguras em porcentagem, elas não ultrapassem os limites do box. Vejam o exemplo.

Esse tutorial é uma livre tradução do original de: Impress Lab.

Até então, os usuários de MAC que gostariam de utilizar o Google Chrome não tinham essa opção pois o browser lançado pelo Google só foi desenvolvido atualmente para Windows. Algum tempo após seu lançamento, descobriram uma forma de emular o browser no OS X, mas não muito recomendada por consumir muitos recursos do computador.

Com isso a empresa Mesa Dynamics desenvolveu um novo browser, multi-processo, semelhante ao Google Chrome, para os usuários de OS X. Stainless é uma versão do WebKit, portanto, cumpre seu papel referente a Padrões Web.

Infelizmente não sou usuário de MAC OS, portanto, não posso dar mais declarações referentes a testes, mas as informações vistas em blogs que acompanho, são animadoras:

• Acid2 Test: Passa perfeitamente.
• Acid3 Test: 74/100 - Versões mais novas do WebKit já passam 100% no teste do Acid 3.
• SunSpider (Teste JavaScript): Passa em 2714 ms, tempo semelhante ao do Google Chrome.
• Dromaeo (Teste JavaScript): Tempo semelhante ao do Chrome - 6519.60ms.

Esse browser ainda está em versão beta, por isso podem ocorrer vários problemas, mas será que seu uso será acentuado entre usuários de MAC OS? Só o tempo dirá.

Pensando nisso, após algumas pesquisas, encontrei 3 possíveis soluções para que você possa proporcionar aos usuários de seu site uma forma deles enviarem os links diretamente ao Twitter.

Solução 1

Através do site Patoroco.net obtive a primeira solução, que consiste na utilização da API do Twitter, que permite escrever o “status” a partir de uma chamada GET da seguinte forma:

http://twitter.com/home/?status=[TEXTO]

Podemos aplicá-lo no Wordpress de uma forma muito simples, dentro do arquivo index.php do tema do Wordpress, no loop, adicione o seguinte código:

<?php
	$twit = get_the_title().': '.get_permalink();
	$twit = urlencode($twit);
	$twit = htmlentities($twit);
	echo '<a href="http://twitter.com/home/?status='.$twit.'">Enviar ao Twitter';
?>

A saída desse código, seria algo semelhante a isso: Enviar ao Twitter.

Solução 2

Através de um plugin desenvolvido por Richard X. Thripp, é adicionado a cada post no topo e a direita do conteúdo, um ícone de um pássaro, símbolo do Twitter, proporcionando ao usuário enviar a URL do post diretamente ao Twitter. A vantagem da utilização desse método é de que você não precisa efetuar alterções no loop do Wordpress.

Solução 3

TwitThis é um simples código JavaScript que você pode adicionar ao seu site para que os usuários possam postar no Twitter. Possui também um plugin para o Wordpress.

Estou pensando em utilizar algumas dessas 3 soluções aqui no blog, alguém se habilita a sugestões?

Os sites basicamente são desenvolvidos em pequenos blocos de código, tornar o CSS modular seria desenvolver um CSS para cada seção desse bloco, para que em alterações ou atualizações futuras não hajam problemas. Mas não basta fazer isso sem planejamento, pois senão você acabaria criando arquivos CSS desnecessários simplesmente para formatar uma ou duas propriedades do código. Coisas desse tipo exigem treino e muito estudo, a partir do momento que você começa a desenvolver CSS dessa forma, ele se torna reutilizável, e aprender a utilizar herança no CSS é uma coisa que todo desenvolvedor deveria aprender.

Se ficou interessado sobre escrever código reutilizável, dê uma olhada no Slide abaixo:

| View | Upload your own

Abaixo um Slide sobre a utilização de CSS Modular:

| View | Upload your own

Hoje em dia quem não tem um blog praticamente não está na mídia. Pessoas portadoras de deficiências especiais não são diferentes, elas também utilizam a Internet, fazem compras, visitam blogs. Recentemente fiquei conhecendo um projeto muito interessante através do Alessandro Novais, que é chamado de Nossos Poetas.

O Projeto

O Blog Nossos Poetas conta parte da história de vida dos pacientes das Casas André Luiz. Uma Instituição filantrópica sem fins lucrativos que tem mais de 60 anos de existência, sempre cuidando de pessoas com algum tipo de deficiência. Hoje em dia mais de 610 pessoas recebem cuidados diários. Conta com médicos, dentistas, pedagogos, cuidadores, nutricionistas, fisioterapeutas, entre outros profissionais. Não para por ai. No Ambulatório de deficiência mental, mais de 850 pessoas /mês recebem atendimento de qualidade gratuitamente e retornam para suas casas.

No Blog Nossos Poetas, os portadores de necessidades especiais, escrevem suas autobiografias, poesias que retratam a visão que têm do mundo, suas opiniões e conselhos para se viver melhor. Esses textos são produzidos de várias maneiras: alguns pacientes são alfabetizados e escrevem, outros usam a fala para ditarem sua mensagem e outros, usam o Sistema Bliss de Comunicação Alternativa. Eles possuem uma prancha com vários símbolos, e através do apontar, do olhar, de expressões faciais e corporais demonstram o que querem falar. Desta forma são estruturados seus diálogos e elaboradas suas poesias.

Esse blog é motivo de muita satisfação para estes poetas, porque mesmo vivendo em regime de internato, eles têm a oportunidade de serem ouvidos e vistos pelo mundo.

Método Bliss

Símbolos são sinais figurativos, seres animados ou elementos que representam um conceito, ou então atributos ou emblemas de um conceito. Os símbolos e a linguagem simbólica têm se tornado um meio eficaz e criativo de comunicação para pessoas portadoras de déficits de comunicação verbal e visual.

O método Bliss é um método de comunicação originário do trabalho de Charles Bliss, que tinha a intenção de criar uma linguagem escrita internacional que pudesse ser usada com objetivos trans-lingüísticos. Este método foi desenvolvido no Canadá e tem atualmente uma grande utilização em paralisias cerebrais. Um exemplo de símbolo usado: para representar um “banco”, faz-se a combinação dos símbolos de “edifício” e “dinheiro”, assim como o símbolo para “dia” é a combinação do símbolo para “sol” sobre o símbolo “Terra”. O uso de símbolos têm grande utilização pelos adeptos da comunicação alternativa e aumentativa, com a aplicação de informática e dos recursos eletrônicos para seu emprego. O Bliss foi inspirado na matemática, especificamente nas idéias do Filósofo Leibniz, e também na piictografia chinesa. O Sistema reúne 9 formas básicas a partir das quais se desenham todos os sinais.

Um instrumento que utiliza o método Bliss é a prancha computadorizada, desenvolvida pelo engenheiro Jean Michalaros. Ela permite que, também através de um simples movimento, o usuário selecione uma letra ou símbolo e com eles forme palavras e frases. A escolha da letra ou símbolo também é feita através do sistema de varreduras luminosas. Essas palavras e frases podem ser enviadas para outra prancha, para o monitor de um computador ou para uma impressora.

O LM BRAIN cacteriza-se por um dispositivo de auxílio à comunicação capaz de utilizar qualquer sistema de comunicação alternativa existente, em conjunto com a linguagem escrita. A filosofia do programa é baseada no uso de PRANCHAS de comunicação. Estas pranchas são divididas em uma matriz de células contendo símbolos, letras, palavras, frases, imagens ou comandos para o computador. Estas PRANCHAS podem estar interligadas uma as outras através de instruções específicas que são acessadas pelo controle do usuário, permitindo sua navegação por todo o sistema.

A LM Biotecnologia é uma empresa que presta serviços nas áreas de Engenharia Biomédica e Engenharia Clínica. Fundada em 1990, a LM Biotecnologia conta com uma equipe de Engenheiros e Técnicos especializados, com cursos de pós graduação a nível de Mestrado e Doutorado, capazes de oferecer à sua empresa o melhor em tecnologia, peças e serviços.

Mais informações

• Casas André Luiz: http://www.andreluiz.org.br.
• Link do blog: http://www.andreluiz.org.br/blog/.
• Método Bliss: http://www.inova.unicamp.br/inventabrasil/bliss.htm.

	<blockquote>Lorem Ipsum is simply dummy text of the printing...</blockquote>

Agora vamos dar algum estilo a esse blockquote:

blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 400px;
  background: url(close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}

No CSS definimos para que a nossa imagem close-quote.gif, independente do conteúdo, fique sempre alinhada a direita e abaixo no bloquote. Padding-left:18px e Text-indent:-18px foram utilizados para deixar espaço para que as imagens de quote apareçam e o texto não interfira. Agora para que possamos colocar a imagem de abertura do quote, vamos utilizar o pseudo-elemento :first-letter, onde iremos aplicar estilos a primeira letra de nosso texto:

blockquote:first-letter {
  background: url(open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

Vejam agora o nosso exemplo em funcionamento.