Assine os Feeds


Posts da Categoria 'CSS'

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 das velhas e conhecidas operações de manutenção de uma tabela de dados - incluir, alterar, excluir e consultar -, bem simples, onde utilizo a técnica de passagem de parâmetros através da URL (”?’ e “&”) para um programa PHP que se encarrega de operacionalizar, do lado do servidor, essas tarefas. É claro que poderia ser adotado outros mecanismos para a passagem de parâmetros.

As respostas do programa PHP são retornadas no formato JSON. Por esta razão os caracteres “[”, “]”, ‘ e “,” são eliminados dos campos antes da gravação na tabela.

Pela simplicidade da rotina desenvolvida não vale a pena me alongar em explicitar detalhes. Veja funcionando e dê o seu feedback. Fico na esperança de que tenha alguma utilidade.

8 comentários março 12th, 2006

Notas Aleatórias

Em vista do número de visitas ao VICHE originadas a partir dos dois últimos trabalhos publicados por mim, resolvi disponibilizar aqui seus links de acesso:

  1. Blix Theme: publicado no CSS Table Gallery, de Chris Heillman. Experimento destinado a exercitar sua criatividade manipulando uma tabela 100% por CSS;
  2. Snowdrop: tema publicado no Gigastyle, de Mark Creeten. Baseado na idéia original do CSS Zen Garden, de Dave Shea. Inspirado no tema Farol publicado no Revolução do CSS e nas cores da bandeira brasileira já que estamos em tempo de Copa do Mundo de Futebol.

Comentários fevereiro 28th, 2006

Modular CSS e A CSS Framework

Dois artigos de Mike Stenhouse, muito bons, publicados em seu blog Content White Style.

O primeiro aborda uma forma de se trabalhar com CSS modularmente, agrupando estilos com as mesmas características em folhas separadas, visando ganho de produtividade com o seu uso (reutilização) na construção de site. Estabelece e detalha os seguintes componentes (módulos CSS) básicos: Tipografia, Formulários, Layout Principal, Navegação e Cores. Mostra ainda como criar os links de importação das folhas de estilos e ao final coloca alguns cuidados a serem observados na utilização do método. O artigo completo, em inglês, pode ser visto no blog do autor.

O passo seguinte, detalhado no segundo artigo, foi ampliar os conceitos de CSS modular para convertê-lo em um CSS Framework, permitindo o desenvolvimento rápido de sites com os componentes já desenvolvidos e testados. Propõe uma estrutura ideal das div e mostra o código XHTML da página com base nesta estrutura. Entre outras explicações, apresenta seis layouts construídos usando a modularidade das folhas de estilos e o mesmo código XHTML. Veja os layouts funcionando e faça o download de todos os arquivos fontes utilizados.

Comentários fevereiro 21st, 2006

Um bug do Opera?

Outro dia estava a navegar pela imensa teia (poético, não) quando me deparei com o post “Isso está na especificação do CSS, é um bug do IE ou é burrice minha mesmo!?! “, do Gustavo Cardoso. Relembrei, então, que quando estava exercitando CSS com o padrão proposto pelo Revolução do CSS, encontrei uma situação que me pareceu bastante estranha. É o seguinte: os links dos menus funcionavam perfeitamente no Firefox, Netscape e IE, mas não funcionavam no Opera - tenho somente estes instalados no meu micro e, portanto, não sei o comportamento em outros browsers.

Encontrei a solução, assim meio que na tentativa e erro e uma boa dose de bom senso, mas não sei até hoje a razão na “ponta do lápis” e gostaria muito de saber. Quem se habilita?

Detalhando o problema:

No exemplo em que os links funcionam no Opera e nos demais browsers acima mencionados acrescentei o float:right e substitui o position: absolute por relative, na classe navegação como indicado abaixo. Veja aqui um exemplo:

/*……. NAVEGAÇÃO……..*/
.navegacao {
position: relative; /* Para o que não funciona -> position: absolute; */
top:205px;
right:25px;
width: 160px;
float:right; /* Para o que não funciona -> este atributo não existe */
}

O exemplo em que os links não funcionam sómente no Ópera (retirada do float e position: absolute) você pode ver aqui . A mesma situação pode ser observada no tema One Ring - muito bom, por sinal -, do Cláudio Dias publicado no Revolução do CSS.

Comentários fevereiro 9th, 2006

Minha Revolução no CSS

Em continuidade ao post CSS - Uma Experiência, onde registrei o caminho de minha perigrinação no aprendizado desta técnica, vou apresentar um pequeno histórico dos resultados obtidos por mim. Mais para incentivar os iniciantes e um pouco para chamar a atenção para o projeto Revolução do CSS. Antes que alguém me chame de espilicute, faço a ressalva de que não existe nenhum interesse em me …

Ler Mais... Comentários fevereiro 4th, 2006

VICHE CSS #2

Para quem está aprendendo recomendo os dois vídeos publicados pelo Diego Eis no tableless:

Video Tutorial #6 - Transformando Layout Fixo em Fluído;

Vídeo Tutorial #7 - Centralizando o Layout Horizontalmente.

Após as explicações dadas pode-se verificar que não tem “bicho de sete cabeças”. Mas no início a gente sofre para descobrir estas técnicas. Portanto vejam.

1 comentário janeiro 26th, 2006

VICHE CSS #1

O Maurício Samy Silva, do Maujor, publicou recentemente dois excelentes artigos:

Dêem uma olhada, vale a pena.

Comentários janeiro 24th, 2006

CSS - Uma Experiência

Deparei-me de forma mais efetiva com o CSS quando resolvi aprender PHP e MySQL. Adquiri alguns livros sobre esses assuntos e danei-me a ler, ler, ler (teoria pura). Era necessário praticar e fixar os conceitos obtidos e, então, parti para o desenvolvimento de um aplicativo Web para a Unimed Brasília (isto tudo em casa e gratuitamente).

Ler Mais... 1 comentário janeiro 23rd, 2006

Next Posts