Posts da Categoria 'CSS'
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.
março 12th, 2006
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:
- Blix Theme: publicado no CSS Table Gallery, de Chris Heillman. Experimento destinado a exercitar sua criatividade manipulando uma tabela 100% por CSS;
- 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.
fevereiro 28th, 2006
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.
fevereiro 21st, 2006
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.
fevereiro 9th, 2006
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... fevereiro 4th, 2006
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.
janeiro 26th, 2006
O Maurício Samy Silva, do Maujor, publicou recentemente dois excelentes artigos:
Dêem uma olhada, vale a pena.
janeiro 24th, 2006
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... janeiro 23rd, 2006
Next Posts
