Posts da Categoria 'CSS'
Dois artigos me conduziram mais uma vez a desenvolver um novo layout para o Viche, porém mantendo algumas características do anterior:
- O artigo Faux Absolute Positioning de Eric Sol, e,
- O sobre o plugin para WordPress Lead Manager (Gerenciador de Capas) desenvolvido pela equipe do Ministério da Cultura - Minc.
Ler Mais... junho 27th, 2008
[Atualização: 06/03/2007]:
As soluções dos exercícios foram disponibilizadas no questionário. Para vê-las proceda como indicado no texto abaixo.
[/Atualização]
Ler Mais... março 25th, 2007
Esse é o nome do mais novo Blog e Podcast da blogosfera brasileira voltado para temas relacionados à publicidade e também à publicitários, nas palavras de Renato Bontempo, um de seus cinco autores.
Tive a grata satisfação de contribuir com seu nascimento. Minha participação foi tão somente adaptar as CSS a partir do tema Default do WP 2.1 e o seu código, para obter o excelente design do blog elaborado por eles. Quem dera estivesse nesse estágio da arte!
E como o tema central tratado por lá é propaganda, não custa nada (e nem dói) eu fazer a minha, embora me considere coadjuvante no projeto.
Mesmo que o assunto não seja o seu “pedaço” e o site seja recém-nascido vale a pena visitar o Bicho de Goiaba - Propaganda e inutilidades afins.
Outra coisa que penso ser merecedora de menção é que o Viche agora pode ser acessado através do endereço http://www.blogviche.com.br graças a gentileza do Renato que registrou o domínio prá mim (não tenho CNPJ).
Por enquanto o endereço está sendo redirecionado para o antigo em função de fatores como o PR, FeedBurner, Alexa, Technorati, entre outros. Mas pelo menos tem a vantagem de ser mais fácil de “decorar”.
Acho que a interação com os “bam-bam-bans” da propaganda me afetou e antes que eu diga o que não deva, fui!
janeiro 29th, 2007
Uma excelente notícia neste final de ano de 2006 foi a decisão tomada pelo Maurício Samy de reativar o Zen Garden do Maujor.
Esse foi o caminho utilizado por mim quando iniciei meus estudos com CSS para por em prática a teoria sobre o assunto que também se encontra disponibilizada, em forma de tutoriais, no site do grande mestre.
Como sou fã de carteirinha dessa modalidade de exercício como meio de aprendizagem, reforço o convite do Maurício para você participar e ter seu tema publicado. Não sei quais os critérios a serem adotados, com a reativação, para que o fato ocorra.
Posso apenas dizer que na versão anterior não era levado em conta o design o que abria a oportunidade aos iniciantes em CSS de participar. Tenho quatro temas publicados e, se você quiser verificar, estão por lá (quase todos, acho) por pura complacência ou como forma de incentivo do Maurício. Independente de qual tenha sido a razão só me resta agradecer.
Mesmo que as regras tenham mudado, penso não ser o caso, recomendo fortemente que os iniciantes (ou não) ponham a “mão na massa” e utilizem o instrumental disponibilizado para aprender (ou exercitar seu potencial artístico). E neste sentido você só tem a ganhar.
Parabéns Maurício e conte comigo e com o Viche para que o Zen Garden do Maujor permaneça no ar.
[Atualização: 02/01/2007] E tem mais, o Maurício está promovendo um Desafio - Redesign do tema padrão do Zen Garden do Maujor, com prêmios para os três primeiros colocados, até o instante desta atualização. Para saber mais detalhes clique no link acima. Eu já enviei minha colaboração ao desafio: o tema Card Games. E você não vai enviar a sua?
dezembro 31st, 2006
O blog Mr. TheChessMan acaba de publicar o post Construindo um site inteiro seguindo os padrões, que consiste em montar ao vivo e a cores, passo a passo, o seu novo layout baseado nas técnicas Tableless, CSS e essa “baboseira” de WebStandards, nas palavras do próprio autor.
Uma ótima oportunidade de aprendizado para aqueles que estão a iniciar na área ou não. A técnica a ser adotada no desenvolvimento da experiência é a da modularidade das folhas de estilos (Tipografia, Estrutura, Elementos visuais gerais e Elementos específicos).
No momento da publicação desta notícia o blog encontrava-se “zerado”, ou seja, sómente com o XHTML sem nenhum CSS - texto puro.
Gostei da idéia e recomendo.
powered by performancing firefox
outubro 14th, 2006
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.
Ler Mais... outubro 12th, 2006
Depois de muito tempo e a paciente espera do Amós Vilarinho Rangel, um representante da classe dos tecelões, disponibilizo a versão 1.0 do Gerador de Padrões - Técnica Repasso.
Sob o aspecto técnico, consiste de programas em PHP, de rotinas em Javascript/AJAX e de um pouco de CSS e XHTML. Contém um formulário para digitação dos campos necessários (os fundamentais são a sequência de pedalagem e as cores da trama e do urdume) para gerar os padrões de tecidos e uma breve explanação de como utilizá-lo.
Ler Mais... setembro 15th, 2006
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
Ler Mais... junho 10th, 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 de consultas que se utilizam:
- do CSS Framework de Mike Stenhouse, com adaptações;
- de três tabelas MySQL (seleções, jogos e fases);
- de um programa em PHP; e
- de uma rotina bem simples em AJAX.
Os dados e os ícones das bandeiras dos países, apresentados no experimento, foram obtidos no site oficial da FIFA. A única mudança foi a dos horários dos jogos, com a redução de 5 horas correspondente ao fuso entre o Brasil e a Alemanha.
BRASIL HEXA!!! A emoção vai começar e a nossa torcida também.
maio 21st, 2006
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 do que visitar o blog do Maujor que publicou, com exclusividade, uma bela entrevista com o jovem André Metzen do iMasters, responsável direto pela codificação. Ambos, o entrevistador e o entrevistado, estão de parabéns.
Ainda mais, foi lá no iMasters, que passei a conhecer um dos mais completo site brasileiro sobre CSS e Web Standards.
abril 22nd, 2006
Previous Posts