Web

Dica: Extensão MeasureIt 0.4.8 para o Firefox 4

Ao atualizar o Firefox para a versão 4, observei que o ícone da extensão não era apresentado na barra inferior do browser e, em função desse fato, não tinha como utilizar esse excelente e útil complemento, cuja finalidade é “Desenhar uma régua em qualquer página da web para verificar a largura, altura ou o alinhamento dos elementos da página em pixels”. Para obter maiores detalhes sobre o MeasureIt visite o site do autor.

Leia Mais ...

Validação de Formulário

Minha idéia inicial era escrever sobre a validação de campos de formulário, uma operação relativamente simples, com o uso da ferramenta AJAX. Mudei de rumo (fica para outra oportunidade, a ver se interessa) em função do que digo um pouco mais abaixo (vocês, certamente, vão descobrir) para abordar dois aspectos relacionados, que considero, como os principais e os mais importantes, sobre o assunto:

  1. Usabilidade;
  2. Validação do lado do servidor com a linguagem utilizada na aplicação em uso ou em desenvolvimento e/ou do lado do cliente com JavaScript.

Quanto ao primeiro item a boa prática recomenda que devemos fazer o possível (ou até o impossível) para impedir que erros ocorram. E, se por acaso, não puder ser feito procure informar (o “jeito” deixo por sua conta) a seus usuários os erros ocorridos tão logo possa.

Leia Mais ...

O IE 7 e como manter a versão 6 instalada no Windows XP

A partir da dica fornecida pelo Lucas Alves (comentário #14) penso ter solucionado a questão colocada pelo Henrique Costa Pereira no artigo O Internet Explorer 7 e como manter a versão 6 instalada no Windows XP.

Resultado obtido com a versão do IE 7 com o topo quebrado:

Leia Mais ...

Uma Barra de Navegação Horizontal um Tanto Estranha (Será?)

A barra a que o título se refere é composta de nove links dispostos em três colunas com fundo cinza claro e, se tudo está de acordo com o esperado, encontra-se exibida no início da página. Caso contrário, selecione no rótulo Temas da Home, localizado na barra de navegação lateral à sua direita, o de nome Viche 3.

Foi desenvolvida com o uso da função Effect.toggle(element, effect) das bibliotecas script.aculo.us versão 1.6.4 e Prototype versão 1.5.0_rc1. Seu funcionamento se traduz no famoso clica-abre (se fechado) e clica-fecha (se aberto) em cada link da barra.

Leia Mais ...

Edição de Código no WordPress

Uma das coisas que acho trabalhosa no WordPress é editar código.

Visualmente no editor do WP, quando se digita um trecho de código, tudo parece funcionar as mil maravilhas. Os problemas surgem quando se aciona o botão salvar ou publicar do editor. Ele destroi toda a indentação, importante para uma leitura mais adequada do código, e faz uns ajustes automáticos no HTML que geram, as vezes, resultados imprevisíveis.

Esse comportamento, talvez, seja decorrência do fato de o WP ter sido criado, também e principalmente, para quem não conhece a linguagem de marcação.

Questionei algumas pessoas sobre esses fatos e, para minha surpresa, as dificuldades que elas tinham eram muito semelhantes. Utilizo-me bastante do Writely para a edição dos meus posts, mas os problemas permanecem, tanto na publicação a partir desse editor, como através da velha e conhecida técnica de copiar e colar.

Se não me engano, li também, provavelmente por conta dessas deficiências, que outras pessoas utilizam plugins para substituir o editor padrão do WP. Se é de seu conhecimento e funciona, agradeceria se você deixasse a sua indicação nos comentários.

Eu, do lado de cá, fiz uma rotina simples em AJAX para, paliativamente, solucionar os (meus) problemas mencionados e que disponibilizo a seguir para sua apreciação e julgamento.

Leia Mais ...

Notícias Expressas #3 – Novo Tema

Motivado pelo Desafio do Maujor, recém concluído com a vitória do excelente trabalho do Sérgio Burlamaqui, criei o tema Viche para o Blog. Não é pretensão, nem de longe, fazer comparações, pois não sou Web Designer (e mesmo que fosse). Apenas dedico um pouco de meu tempo lendo (praticando, nem tanto) assuntos relacionados à área(…)

Leia Mais ...

O Experimento Ajax #1 Desnudado

O detalhamento do código do experimento deve ser encarado como um exercício de um aprendiz em AJAX, como claramente explicitado no post original.

O que me motivou a compartilhar com vocês os detalhes foi a divulgação do experimento no Blog da Visie, pelo Elcio Ferreira, algumas (confesso, não muitas) solicitações enviadas através do formulário de contato do VICHE e, por último, o artigo publicado no Blog do Maujor.

Em função desse artigo, os botões (<input type=”button”>) foram substituídos por ícones (<input type = “image”>). Como consequência houve mudanças no código do experimento que passou a funcionar com múltiplos submit’s no formulário. A abordagem no Blog do Maujor é derecionada especificamente para questões de acessibilidade em que confronta as duas versões do experimento.

Esclareço que os ícones são utilizados em uma aplicação Web da Empresa em que atualmente trabalho, reforçando o comentário postado pelo Maurício em seu artigo. E, além do manual de operação, na maioria de seus formulários tem um ícone de ajuda, que acionado, exibe informações sobre a funcionalidade dos ícones utilizados acrescida das de preenchimento de seus campos

Leia Mais ...

Experimento AJAX #2 – Copa do Mundo de 2006

O VICHE entrou definitivamente no espírito da Copa. Primeiro com pequenas mudanças no layout padrão – o qual pode ser “recuperado” na barra lateral de navegação no rótulo Temas -, e agora com um experimento que disponibiliza a tabela de jogos da primeira fase da competição, feito com a ferramenta AJAX. O experimento é composto(…)

Leia Mais ...

Imasters Adere aos Padrões

Como uma pequena retribuição ao aprendizado obtido por mim e que, com certeza, ainda obterei, com os excelentes artigos e tutorais publicados no iMasters por seus articulistas e sua equipe, registro, com grande prazer, a sua adesão aos padrões Web. Para conhecer os detalhes de como se deu todo o processo de migração, nada melhor(…)

Leia Mais ...

Experimento AJAX #1

Registro e submeto às críticas e sugestões meu primeiro experimento com a ferramenta AJAX. Atualmente, sou aluno do módulo AJAX I do curso online da Visie Treinamentos Web. O experimento tem como objetivo demonstrar algumas funcionalidades dessa ferramenta sem a preocupação de um tratamento rigoroso de alguns procedimentos normalmente exigidos em uma aplicação comercial. Trata(…)

Leia Mais ...