BrowserShots - Teste o seu design web em diferentes navegadores

Tags: , , , — March 18, 2008 @ 10:42 pm

Você desenvolve páginas web em Linux e não tem como testá-las no Internet Explorer ou Safari? Desenvolve no Windows mas quer ver como ficam as páginas no Konqueror?

Para os Web Designers que não dispõem de, pelo menos, um Mac e um PC com Dual Boot (Linux + Windows) em casa, o website BrowserShots, pode salvar vidas.

O serviço renderiza as páginas solicitadas em vários navegadores nas 3 principais plataformas, contento inclusive opções para limitar a resolução, ativar/desativar JavaScripts, Flash, etc, e depois exibe os screenshots por um período de tempo. Veja os exemplos do meu blog:

Firefox 3.0 no Ubuntu 7.10 Firefox 3.0 no Ubuntu 7.10

MSIE 8.0 no Windows XP MSIE 8.0 no Windows XP

Safari 3.1 no Mac OS X 10.5

Se alguém tiver curiosidade sobre os resultados do Acid3 em vários navegadores esta é uma boa oportunidade, no browsershots deve haver sempre alguns testes do acid3.

É uma pena que não é possivel testar o comportamento de animações Javascript e Ajax, mas apenas exibir as páginas renderizadas já é uma grande ajuda. Quem sabe o projeto não evolui para apresentar novos recursos daqui a algum tempo? Screencasts seriam bem-vindos. :)

Fonte: meiobit

Se você gostou deste artigo, inscreva-se em meu RSS feed!

h4ck3d by W4n73d H4ck3r

Tags: , , , — March 15, 2008 @ 9:11 pm

Isso mesmo, meu blog, e também de meu sócio, além de uma boa quantidade de websites e projetos nossos, foram “hackeados” na última madrugada.

Aproveitando-se de uma falha de segurança em um aplicativo de emails do servidor, como me foi informado pelo serviço de hospedagem:

Senhor(a)
foi descoberto uma falha gravíssima no webmail HORDE que permite a inclusão de arquivos dentro de contas.

Tais auto-entitulados Hackers, obtiveram acesso ao sistema e sobrescreveram vários indexes com páginas como a da imagem a seguir:

hacked.jpg

Digo auto-entitulados, porque tenho uma concepção diferente do que é um hacker. O termo hacker tem vários significados que geram controvérsia, mas uma boa definição seria High Skilled Programmer, indicando um indivídio com alto grau de conhecimento sobre informática e programação, veja a definição na wikipedia(br) para hacker:

Originalmente, e para certos programadores, são hackers (singular: hacker) indivíduos que elaboram e modificam software e hardware de computadores, seja desenvolvendo funcionalidades novas, seja adaptando as antigas.

Originário do inglês, o termo é comumente utilizado no português sem modificação. Os Hackers utilizam toda a sua inteligência para melhorar softwares de forma legal. Os hackers geralmente são pessoas com alta capacidade mental e com pouca atividade social. Eles geralmente são de classe média e alta, com idade de 16 a 28 anos. A verdadeira expressão para invasores de computadores é denominada Cracker e o termo designa programadores maliciosos e ciberpiratas que agem com o intuito de violar ilegal ou imoralmente sistemas cibernéticos.

Continuando, em meu ponto de vista, aquele que invade websites, aproveitando de falhas descobertas por outros (o que geralmente acontece nesses casos) desconfigurando ou sobrescrevendo arquivos, não trata-se de um hacker, mas sim de alguém com muito tempo disponível e pouca atividade produtiva.

Não estou tentando atingir ou ofender ninguém, mas tenho grande interesse de iniciar uma discussão sobre este assunto, principalmente com os responsáveis, se estes sairem das sombras para opinar. Foi por este motivo que coloquei o título do post como a primeira frase da página “hackeada”, para que este possa ser facilmente encontrado por quem procura páginas alteradas pelo mesmo grupo.

Não estou irado e, de certo modo, acho que deveria até agradecer os responsáveis, pois o dano foi mínimo e facilmente recuperado, e estes também tornaram explícita uma grave falha no servidor que uso, que possivelmente não seria corrigida até que algo (talvez bem pior) acontecesse. Mas isso não significa que eu concorde com a atitude, seria muito mais ético e viável que estes “hackers” utilizassem dos recursos que dispõe para comunicar os administradores de websites e servidores das falhas presentes.

Caso os reponsáveis (TH1NK3R, LEVI4TH4N, m4V3rick (Red-Eye), Collaps3, DigitalMind, entre outros BR’s, como dizia nas páginas alteradas) leiam este post, favor, deixem um comentário amigável, acho que vocês tem tempo para isto.

Se você gostou deste artigo, inscreva-se em meu RSS feed!

eyeOS - Web Desktop levado a sério

Tags: , , — March 13, 2008 @ 4:00 pm

Desktops Web nós já vemos a um bom tempo por aí… Alguns muito bons e inovadores, como o DesktopTwo e Goowy, ambos em Flash e com um visual próprio, outros como cópias das interfaces de outros Sistemas (principalmente Windows ou Mac). Mas ontem me deparei com um com uma lista de idéias novas… Trata-se do eyeOS.

eyeos1.png O eyeOS não trata-se de apenas mais um web desktop, mas sim uma plataforma desenvolvida para suportar uma grande variedade de aplicações web sobre ela, tornando-se um sistema operacional completo. O eyeOS é Free, Open Source, tem uma comunidade crescente, e é extensível.

Diferente de outros Web Desktops presentes no mercado, o eyeOS permite (e incentiva) a desenvolvedores web criarem ou modificarem cada vez mais aplicativos para a plataforma, como resultado de tal flexibilidade já existe um portal de compartilhamento de aplicativos e temas, nos padrões do kde-look.org e gnome-look.org, o eyeos-apps.org. Ele também não possui banners ou propagandas de terceiros, tem um design com uma personalidade própria, sem copiar descaradamente outros deskmods (e outros temas podem ser baixados e instalados), e o melhor, pode ser baixado instalado em seu próprio servidor web (bastando ter Apache + PHP5 instalado).

eyeos3.pngPara facilitar as coisas, o eyeOS conta com um instalador de aplicativos embutido (que pode até ser comparado com um synaptic do Debian e Ubuntu ou yast do Suse), que faz download e instala automaticamente aplicativos de vários repositórios pré-configurados, e seus programas Office suportam vários formatos de documentos livres e proprietários, usando o OpenOffice.org para realizar as conversões (basta ter o ooo instalado no servidor, e fazer uma pequena configuração extra para utilizá-lo).

Importante dizer também que ele é feito totalmente em AJAX, não precisando de plugin Flash instalado no navegador.

Com todos esses recursos o eyeOS deixa de ser um objeto de curiosidade e testes para tornar-se uma ótima ferramenta para quem precisa ter documentos e arquivos acessíveis de qualquer lugar.

Fontes: http://eyeos.org, http://www.eyeos-apps.org

Se você gostou deste artigo, inscreva-se em meu RSS feed!

Acid Test - Testando a eficiência dos Web Browsers

Tags: , , , , — March 11, 2008 @ 4:48 pm

Nós, desenvolvedores e designers web, muitas vezes praguejamos contra certos navegadores web (alguém aí disse ie6?) por não exibirem corretamente nossas páginas, mas dificilmente pensamos no outro lado. A vida também não é muito fácil para quem desenvolve esses navegadores.

O AcidTests trata-se de um projeto do webstandards.org para testar o comportamento e eficiência dos navegadores frente aos padrões web.

O primeiro Acid (Acid1) testava os navegadores quanto a apresentação e exibição de páginas HTML 4.0 e CSS 1, o Acid2, criado em 2005, queria fazer os navegadores “sorrirem” testando as capacidades deste de exibirem imagens PNG e CSS2.

Agora, o Acid3 vai além, exigindo dos navegadores renderização de imagens SVG animadas e Javascript.

Eis a lista de especificações testadas:

  • DOM2 Core
  • DOM2 Events
  • DOM2 HTML
  • DOM2 Range
  • DOM2 Style (getComputedStyle, …)
  • DOM2 Traversal (NodeIterator, TreeWalker)
  • DOM2 Views (defaultView)
  • ECMAScript
  • HTML4 (<object>, <iframe>, …)
  • HTTP (Content-Type, 404, …)
  • Media Queries
  • Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
  • XHTML 1.0
  • CSS2 (@font-face)
  • CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
  • CSS3 Color (rgba(), hsla(), …)
  • CSS3 UI (’cursor’)
  • data: URIs
  • SVG (SVG Animation, SVG Fonts, …)

Segundo o desenvolvedor Ian Hickson, a internet não se resume mais a apenas designs HTML/CSS, assim é importante testar também as capacidades dos navegadores de DOM e Javascript.

O autor do Site DrunkenFist.Com fez uma série de teste e divulgou os resultados. Vou postá-los aqui tb:

Fontes: http://info.abril.com.br/blog/juliano/20080306_listar.shtml, http://www.drunkenfist.com/304/2008/03/04/acid3-test-released-
i-took-some-screen-captures-lots-of-fail/
, http://www.webstandards.org/action/acid3/

Se você gostou deste artigo, inscreva-se em meu RSS feed!

SamuraiDio no Deviantart

Tags: , — February 13, 2008 @ 12:49 pm

Pois é, me cadastrei no Deviantart. Meu perfil pode ser visto em http://samuraidio.deviantart.com/, bem, não tem nada lá ainda, na verdade fiz o cadastro apenas para fazer contato com alguns deviants, a princípio, mas estou me animando a postar algo lá, visto que planejo fazer alguns temas para o E17.

Ainda hoje coloco um screenshot para não deixar o perfil vazio. ;)

Se você gostou deste artigo, inscreva-se em meu RSS feed!

Pesquisa em linguagem natural com Powerset

Tags: , , , — January 28, 2008 @ 6:01 pm

Na última Sexta-Feira eu recebi, finalmente, um e-mail me convidando a utilizar o Powerset.

Como falei anteriormente, o Powerset trata-se de um mecanismo de busca em linguagem natural, o que significa que se você estiver procurando por “Empresas adquiridas pela Microsoft”, por exemplo, você não pesquisaria por palavras chave (Empresas adquirir microsoft) como faria normalmente, no Google ou Yahoo, mas sim, basta digitar a frase completa, clara e corretamente, como se estivesse perguntando a alguém, e o mecanismo lhe presenteia com a resposta correta (e não uma lista de páginas com conteúdo relevante, ou não relevante).

Bem, este é o objetivo do projeto e, esperamos, o futuro da internet mas, obviamente, como uma versão em fase de pesquisas, o Powerset ainda está engatinhando, e é limitado às informações contidas na Wikipédia e apenas na língua inglesa. Mesmo assim, após testar as demonstrações por alguns dias, fiquei bem estusiasmado com os resultados, e também com o nível de participação do pequeno grupo de usuários, pois os desenvolvedores estão constantemente pedindo opiniões a atendendo pedidos.

É interessante ressaltar que, diferente de uma busca padrão, onde são simplesmente procuradas pelas palavras digitadas em meio ao texto, em uma busca em, linguagem natural, tanto a ordem destas palavras como até mesmo as preposições são de suma importância.

Além da busca em linguagem natural o Powerset tem algumas outras ferramentas muito interessantes, como pesquisas orientadas a determinados assuntos, como artes, esportes ou negócios, e o Quotes, que é uma ferramenta para encontrar respostas específicas, como “Quem disse o que?”, “Quem criticou quem?”, “Quem fez o que sobre determinado assunto?”.

Além destas há uma ferramenta muito interessante para buscas com entidades e relacionamentos, chamada Powermouse. Os resultados são muito parecidos com o Córtex Intenligence, o qual foi comentado em meu último post sobre o assunto, nesta ferramente o usuário pesquisa por um sujeito (substantivo), uma ação (verbo) e um objeto (substantivo), podendo omitir um ou dois dos campos, um exemplo demonstrado nos demos do projeto é a busca por “Zumbis” (sujeito) “comem” (ação), e os resultados são uma série de artigos com os diversos ‘alimentos’ que Zumbis comem.

Novamente os resultados estão limitados a artigos da Wikipedia, em inglês, mas eis as boas notícias…

Como os próprios desenvolvedores tem falado, assim que seus mecanismos de busca em linguagem natural tiverem amadurecido, estarão desenvolvendo o sistema e outros idiomas e também liberando uma API para nós desenvolvedores utilizar-mos em nossas aplicações. :)

Aguardamos ansiosos…

Se você gostou deste artigo, inscreva-se em meu RSS feed!

<<< Previous Page - Next Page >>>