9 Dicas de CSS que todo Designer deveria saber
Escrito por Ronildo Costa   
Ter, 26 de Agosto de 2008 11:42
Este artigo é dedicado para iniciantes e intermediários aprendizes de CSS. Se você está querendo aprender CSS do zero, provavelmente você já viu uma dezena de técnicas. Neste artigo pretendo apresentar as técnicas que os designers mais precisam saber. Eu gosto muito dos posts abaixos e gostaria de compartilhar com vocês. Apreciem...
Leia mais...
 
Calendário em CSS
Escrito por Ronildo Costa   
Qua, 18 de Junho de 2008 01:20
calendar-400.gif

Realmente muito interessante a técnica que este desenvolvedor usou para fazer um calendário inteiro baseado em css.
 
Rap de Web Standards
Escrito por Ronildo Costa   
Qua, 23 de Abril de 2008 10:09
Vi isso no meiobit e gostei pacas... bem nerd né?? Fazer o que, se a gente gosta de ser nerd.

You need to a flashplayer enabled browser to view this YouTube video

Quem quiser ver a letra clica no título do post ou no link leia mais.
Leia mais...
 
Belo site mas não é Joomla
Escrito por Ronildo Costa   
Ter, 22 de Abril de 2008 03:41
Caracolas, um dos sites mais legais que eu já vi até hoje. Impressionante a criatividade do cara...
Clique no link e divirtam-se com a navegação.

webleeddesign.jpg
 
CSS Reset
Escrito por Ronildo Costa   
Qui, 17 de Abril de 2008 10:43
Não conhecia o termo até ler há alguns dias atrás no iMasters, quem falou sobre o assuntou foi "Igor Escobar".
Ai logo depois encontro o mesmo assunto no fórum: "CSS reset para Joomla".

Mas vejam, isso não é tão revolucionário assim, eu pelo menos já faço isso, só que em menor escala. E também já falei disso nesse post.

Vou me lembrar de usar essa solução dada pelo Igor, em algum projeto novo que surja.

Fica ai a dica: CSS Reset
 
Livro do Maujor
Escrito por Ronildo Costa   
Qui, 29 de Novembro de 2007 08:23
Livro do MaujorDepois de uma semana sem postar novidades aqui no Blog, volto para anunciar o lançamento do livro de CSS do Maujor.
Pois é pessoal o cara manja muito do assunto, e a leitura do livro é recomendadíssima, até para os mais experientes.

E corram para comprar pois a primeira edição saiu com uma triagem de apenas 2000 exemplares. O meu já está garantido.


Link para quem quiser comprar o livro.

Link para quem quiser ter mais informações.
 
Ícones de acordo com tipo de arquivo
Escrito por Ronildo Costa   
Seg, 22 de Outubro de 2007 02:07
Uma ótima dica de um amigo do trabalho, é este artigo para customizar o link de acordo com o tipo de arquivo .
Não testei, mas acho que só funciona nos browsers de verdade, pra variar.
 
CSS Vista
Escrito por Ronildo Costa   
Ter, 25 de Setembro de 2007 09:38
css-vista.jpgJá pensou em poder fazer o seu css, e já poder visualizar ao mesmo tempo no IE e no FF ??
Pois é, este software promete exatamente isso, não testei por isso não posso dizer se o mesmo é bom. Porém vale a dica, espero que sirva pra alguém.

E se quiserem contar como foi a experiência com o software fiquem a vontade. Tongue out
 
Começo do CSS
Escrito por Ronildo Costa   
Dom, 03 de Junho de 2007 15:11
Uma dica muito boa no site do El Micox, ele demonstrou como começar um css as propriedades css mais comuns.
A dica é muito preciosa e de bom grado. Eu tinha já um esquema pra começar css mas confesso que esse que ele demonstrou no seu artigo é infinitamente melhor.

Segue o código que o El Micox fez:
* { margin: 0; padding: 0; /* padronizando nos navegadores */ }

img { border: 0;}

fieldset { display: block; border: 2px ridge #FFF; padding: 10px; /* padronizando nos navegadores */ }

ul, ol { margin-left: 10px; /* padronizando nos navegadores */}

input[type=hidden]{ display: none !important; visibility: hidden !important; /* esconde mesmo inputs hidden no FF */}

button { border: 1px outset #AAA;}

form button { text-align: center; margin: 5px auto; display: block; }

form ul { list-style: none; margin-left: 0; }

fieldset label { display: block;}

fieldset .radios label { display: inline; }

p { margin-top: 5px; } /* padronizando tamanhos de cabecalho em todos os browsers */

h1 { font-size: 250%;}

h2 { font-size: 200%;}

h3 { font-size: 150%;}

h4 { font-size: 120%;} /* classes costumeiras */

.ak { text-decoration: underline; /* access keys */ }

.u { text-decoration: underline; /* textos underline */}

.secoes { display: none; /* exibe nomes das seções se o CSS estiver desativado */ }

.img-left { float: left; }

.img-right { float: right;}

.erroinfo { background: #FFCCCC;}

.erro { background: #FF0000;}

Valeu amigo, continue postando suas soluções muito preciosas pra nós.

 
70 dicas para escrever CSS
Escrito por Ronildo Costa   
Qua, 30 de Maio de 2007 16:46
Caramba esse Maujor , merece uma estátua... ele traduz cada coisa boa para nós mero mortais.
Pra quem quer aprender css e quer documentação em português, não existe lugar melhor. Existem diversas técnicas que podemos e devemos utilizar se baseando nas disponibilizidas do site dele.

Dessa vez ele fez a tradução do artigo "70 Expert Ideas For Better CSS Coding".

Na minha opinião destaque para:

"Adote um sistema intuitivo de nomear as coisas. Se você nomear id’s e classes segundo um padrão, terá facilitado seu trabalho de busca por erros e de atualização do documento. Em particular, quando trata-se de folhas de estilo muito extensas tudo pode tornar-se extremamente confuso com um padrão de nomeação aleatório. Eu recomendo um padrão baseado em nomes compostos pela combinação elementopai_elementofilho."

"Abrevie a notação para cores hexadecimais. “Uma cor hexadecimal composta de três pares de dígitos admite sintaxe abreviada em CSS que consiste em representar cada par por um dígito por exemplo: #000000 pode ser abreviado para #000 e #336699 para #369"

"Adicione bordas para identificar containers. “Use CSS tal como bordas auxiliares ou cores de fundo como auxiliares no desenvolvimento dos seus documentos ou com propósitos de identificação de bugs."

"Use margin: 0 auto; para centrar seu layout na horizontal. “para centrar em elemento na horizontal é necessário declarar uma largura e margens horizontais.”"

Pronto leia o artigo na integra: http://www.maujor.com/blog/2007/05/29/70-dicas-para-escrever-css/

 


SEO by Artio

RSS




Pingar o BlogBlogs