ClientSide // Tech Design Blog
Cultura, papo cabeça, emoçoes humanas, comportamento do consumidor, estudos de caso, requisitos, problemas, aprovações, erros e acertos, xhtml, html, css, xml, javascript, flash, user interface, usabilidade, coisas da vida, coisas de designers e programadores, coisas do mercado.
domingo, fevereiro 27, 2005
sábado, fevereiro 26, 2005
CSS3 selectors
Vou começar a postar algumas coisas sobre Seletores de css.
Estou començando um projeto pessoal para implementar uma funcão de Query de regras, ou seja, termos a possibilidade de usar as regras de css "div>span:hover" no javascript. Com isso podemos implementar seletores não suportados no IE como "+", ">", "E:hover" (hover em qualquer elemento), tendo isso portado para IE5+ poderemos usar apenas css para construir coisas como um menu em cascata (tipo start do windows). Inclusive é claro os seletores de css3.
Este projeto será open-source e quem quiser participar mande um email.
Vejam os seletores candidatos a recomendação do CSS3 no W3C.
http://www.w3.org/TR/2001/CR-css3-selectors-20011113/
sexta-feira, fevereiro 25, 2005
Firefox update de segurança
Calma, calma, não se preocupem, está longe de ser uma atualização tipo IE.
http://www.mozillazine.org/
Release Notes
quinta-feira, fevereiro 24, 2005
Algoritmos? Pra que isso?
Aproveitando o elo com o último post:
Entrem nessa página por exemplo:
http://www.complexification.net/gallery/machines/binaryRing/ e passe o mouse em cima do logo no canto superior esquerdo.
Um simples efeito em flash.
Agora, abra o gerenciador de tarefas no gráfico de uso de cpu e passe o mouse várias vezes seguidas pelo logo.
Num pentium iii 500, o browser trava por vários segundos e o uso de cpu fica em 100%.
Como nosso amigo diria: "Um ótimo algoritmo é um ótimo início para um ótimo programador."
terça-feira, fevereiro 22, 2005
segunda-feira, fevereiro 21, 2005
+ Internet Explorer 7
Peter-Paul Koch é um dos gurus de javascript.
http://www.quirksmode.org/blog/archives/2005/02/explorer_7.html
Interessante o ponto de vista dele sobre a declaração de Bill Gates sobre o IE7, onde o foco é a segurança, não a padronização.
Otimização de Javascripts
Para quem acha que o SWITCH e o IF ELSE só diferem na sintaxe.
http://home.earthlink.net/~kendrasg/info/js_opt/
Vários IE's no Windows
Uma boa dica para quem quer testar seu site em várias versões do IE no windows.
As instalações ficam totalmente a parte e não infuenciam a instalação original.
Muito show.
http://www.quirksmode.org/index.html?/browsers/multipleie.html
sexta-feira, fevereiro 18, 2005
20%
Incrivel o aumento no uso do FireFox pelo mundo.
O que antes eram 95% IE, cairam para 64,9%, sendo que o FireFox alcançou os 20%.
http://www.w3schools.com/browsers/browsers_stats.asp
Gostei mesmo foi das dicas no fim da reportagem, em especial esta:
"E teve o cara que se afogou ao tentar atravessar o rio com 15 centimetros de profundidade média." - Willian I H Gates
Senhora Web
A moça sabe muito de JS, CSS e web em geral.
Versão feminina do André.
http://roselli.org/adrian/articles/wrong_css.asp
quinta-feira, fevereiro 17, 2005
Pintura com Aérografo
Sem palavras,
http://www.imaginistix.com/
Atenção especial para o Daredevil.
Dica do Emerson, valeu Pão de Ló!
Abração
quarta-feira, fevereiro 16, 2005
Microsoft Internet Explorer 7.0 Beta
Será que os caras levaram medo?
http://www.mozillazine.org/talkback.html?article=6079
Firefox na fita
Além de ser um browser "correto" e estar entrando a toda no cenário de padrões web, este browser contém algumas idéias brilhantes e ainda promete "bater" o Internet Explorer em quantidade de usuários. Uma das features mais animais deste browser da ONG Mozilla é o uso de search's, vc pode utilizar qualquer campo de procura de algum site (como por exemplo a Amazon ou Submarino) e atribuir a ele uma keyword pra que depois vc possa simplismente pela barra de endereços do firefox acessar diretamente a busca.
1. Clique com o botão direito do mouse no campo de procura do seu site favorito!!!;
2. Add a keyword for this search...
3. Dê um nome;
4. Escolha a keyword usada para a busca;
5. Escolha onde vc vai colocar o registro no bookmark;
6. OK
7. Na barra de endereço digite a keyword selecionada, espaço e a palavra que vc quer buscar:
ex.: submarino design
O meu amigo Fabio Uruz já havia escrito sobre algumas features do firefox, acompanhe ai no blog do cara.
terça-feira, fevereiro 15, 2005
Google Maps
Quem se atreve a dizer que os caras não são bons. Incrível a velocidade de render do mapa: maps.google.com
Fiz uma pesquisa rápida em outros mapas principalmente no msn, lixo.
sexta-feira, fevereiro 11, 2005
Javascript Orientado a Objeto
Estou implementando uma camada cross-browser orientada a objetos no javascript.
O incrível é que está funcionando 100% em IE, FireFox e Opera.
É possível fazer coisas como:
_GetElementById('meudiv').Show()
_GetElementById('meudiv').Hide()
alert( _GetElementById('meudiv').AddClassName('outraclasse') )
browser.GetProperties()
browser.w3c
...
Quando tiver algo mais eu posto...
Contos Cítricos
Pra quem gosta de uma boa leitura, com muita criatividade e bom humor, aí vai o link do blog de um amigo meu. Abração M!ke.
http://contoscitricos.weblogger.terra.com.br/index.htm
domingo, fevereiro 06, 2005
Keywords
Estou tentando sintetizar os keywords que estão movimentando a web atualmente.
Alguém lembra de algo que eu não mencionei abaixo?
Minha intenção é criar um dicionário resumido explicando a relação entre as tecnologias.
Prováveis e atuais recomendações W3C:
SVG, RSS, JavaScript, ECMAScript, XHTML, XML, XSD, XSL, XForms, XSLT, XLink, XPointer, XPath, XUL, CSS, RDF, MathML, XBL, DOM/SAX, XML-RPC, SOAP, WSDL.
Outras ferramentas:
Flash, Schockwave.
Apenas Windows, mas muito interessantes:
XAML e Avalon (ambos Longhorn)
Obsoletos (ou quase):
HTML, VBScript.
sábado, fevereiro 05, 2005
DOM WhiteSpaces
Procurando na web uma forma menos burra de navegar no DOM e não me deparar com aqueles chatos #text vazios, aquele espaço que em alguns browsers (sempre o IE) cria uma linha de 1px no seu layout. É extramente brochante qdo tem que ficar tirando a identação do cod html principalmente por causa dessas merdas, bom, o próprio DOM já tem formas de isso ser "melhorado", o método normalize do DOM level 1 faz um merge em n nós #text e tranforma em 1, o detalhe é que ele não limpa esse whitespaces.
MSDN
mozilla.org
W3C
Fórum
sexta-feira, fevereiro 04, 2005
Jogo com Interface BioMétrica
Achei um jogo onde a interface de interação (finalmente) não é a obsoleta combinação teclado+mouse. Tão pouco é algum tipo de joystick cheio de botões. Nada disso! Chega de botões!
Esse game usa 3 sensores ligados a mão do jogador e este avança modificando o ritmo cardíaco, seja relaxando, respirando fundo ou seja ficando atento ou até gritando.
Quebra de paradigmas é meu tópico favorito, e esse jogo ganhou minha admiração, muito mais por isto do que pelos bonitos cenários.
Estão explodindo milhares de perguntas e idéais por aí.... estamos realmente correndo atrás de informação, mas QUANDO vamos aprender a inovar?
http://www.wilddivine.com/Biofeedback/
Está dada a mensagem.
Casos de Usuário I
Quem trabalha com TI sabe o quão ardua é a tarefa de tentar entender o que passa na cabeça no nosso amado/odiado usuário. O designer estuda o requisito, pensa, expõe a idéia, "layouta" e apresenta para o cliente, o cliente reprova. Diz que o designer não entendeu nada, que o analista não soube explorar os recursos da tecnologia e que o prazo está estourado. Ele está com a razão? Em parte, sim. Hoje, muitas das grandes idéias sequer saem do papel, são destruídas logo no início, são complexas demais ou "gastam" muito tempo para serem implementadas. E quem está no meio assiste a uma carnificina por parte das empresas, buscando a qualquer custo satisfazer o cliente, deixando pra trás a argumentação, a idéia, e principalmente, o profissionalismo.
Com isso, o nosso cliente fica acostumado a ser atendido superficialmente e cria mecanismos para defender seus interesses, gerando uma necessidade de mostrar quem está no controle do processo. Todos perdem com essa postura, é uma briga de egos que tenta provar qual lado está com a "razão". Assim uma reunião que era pra promover trocas e evoluções de idéias, acaba se tornando um jogo onde atacar é a melhor defesa. Claro que, em muitas situações, não temos outra escolha senão atacar também, o mercado é duro com aqueles que não tem posicionamento e uma opinião forte. Reflita sobre o modo como você está conduzindo as reuniões, lembre-se que o cliente é seu parceiro e é carente de atenção. O resto, é sucesso.
quinta-feira, fevereiro 03, 2005
XForms in Mozilla/Firefox
Precisa dizer algo mais?
http://www.mozilla.org/press/mozilla-2005-02-02.html
Usabilidade
Material em português
IBRAU
Como construir mensagens de erro amigáveis, eficazes e eficientes?
Blogdeusabilidade
quarta-feira, fevereiro 02, 2005
DHTML Crossbrowser Fácil
Um Guia Rápido para Desenvolvedores
Interessantíssimo, bom começo pra que não sabe nada de html, css e javascript, e acha que cross-browser é um browser católico.
Desculpas
Bom, estou um pouco sumido, devido principalmente aos trabalhos.
Um dos trabalhos que está me consumindo é uma implementação parcial de XForms em Flash. Isso vai possibilitar a interatividade de formulários flash seguindo um novo padrão que brevemente vai se tornar básico e que já acompanha a especificação de xHTML 2.0 que ainda está sendo escrita.
Vou postar novidades... :)

