Bruno Dulcetti



Arquivos:

Categorias:

  • Amizade:

  • Artigos

  • Links:

    O meu, o seu, o nosso espaço!

    » Como você escreve seus arquivos CSS? Parte 3

    Falae pessoal.

    Demorei um bocado para essa terceira parte, que eu acho que é a última, pelos meus cálculos e pelos detalhes e informações sobre os arquivos CSS que crio.

    Como vimos nos artigos anteriores, na Primeira e na Segunda Parte, vimos alguns detalhes sobre os arquivos CSS, que na minha opinião, melhora bastante, otimiza seus CSS’s.

    Mostrei vantagens e desvantagens, indentações, múltiplas formas de implementar seus estilos e espero ter ajudado, ou pelo abrir um pouco mais a cabeça da galera, principalmente com quem trabalha com projetos grandes em sua vida profissional.

    Beleza Bruno. Pára de enrolar e fala logo.

    Ok, ok. São apenas dois pontos que citarei nessa terceira parte do artigo:

    1. Utilização de Multi-CSS’s;
    2. Ordem de escrita das propriedades.

    Bom, vamos começar a falar sobre o primeiro.

    Utilização de Multi-CSS’s

    Muitas pessoas ainda possuem dúvidas sobre a utilização, se podem ou não, no que prejudica, no que ajuda, se é que ajuda, a utilização de vários arquivos CSS no seu site.

    Posso utilizar vários CSS’s?

    Não só pode como deve utilizar. Acho essencial a utilização de múltiplos arquivos CSS’s, dependendo da estruturação das páginas. Mas logicamente que existem limites para isso. Não é recomendável a utilização de 30 arquivos CSS’s pequenos, por exemplo, onde se poderia utilizar somente um ou dois. O tempo de renderização aumenta por ter vários arquivos.

    Você pode estar pensando “Caramba! Trinta arquivos? Esse Bruno tá maluco?”. Coisa de maluco, concordo plenamente, mas quando participarem de projetos grandes, verão que os “remendos” sempre acontecem, principalmente se já passou por várias mãos, vai pra aprovação, modifica layout, vai pra desenvolvimento, volta, vai pra qa, etc, etc, etc.

    Acaba passando na mão de várias pessoas, a página possui vários elementos globais, que utilizam CSS’s externos, entre outras coisas mais.

    Entendi Bruno. Mas como faço então?

    Eu fazia de um modo, que hoje eu acho errado, que era chamar um CSS somente e dentro dele eu chamava os outros:

    No HTML:

    <style type="text/css">
    @import "css/estilo.css";
    </style>

    No CSS:

    @import url(estilo2.css);
    @import url(estilo3.css);
    @import url(estilo4.css);

    Ok Bruno. E o que há de errado com esse CSS?

    Errado? Nada. Mas concorda comigo que cada vez que eu chamo o arquivo estilo.css, ele chama todos os outros arquivos CSS’s?

    E se em uma página específica eu não precisar desses CSS’s? Só precisar de um apenas? Eu chamando o estilo.css, já estou chamando os outros e como eu quero economia, otimização, não quero que isso aconteça, correto?

    A mesma coisa acontece se eu colocar todo o conteúdo dentro de um CSS somente. Sempre chamarei somente um, mas dependendo do site, ele pode ter centenas, ou até milhares (isso mesmo) de linhas, o que sobrecarrega bastante.

    Tudo bem que temos cache, mas queremos evitar esses problemas de peso, otimizar, certo? Então vamos fazer um trabalho decente 😀

    Sucesso. Mostra ae o modo correto de implementar essa parte do CSS

    Lembrando que não estou falando que tal modo é certo ou errado, somente o que eu faço e mostro aqui pra vocês opinarem, comentarem, discutirem, etc.

    Eu, geralmente crio um arquivo chamado geral.css, que engloba todas as tags gerais, toda a estrutura do site inteiro, como conteudo, rodape, topo, títulos, etc. Depois eu crio mais um arquivo internas.css, caso seja possível ter somente um arquivo com todas as informações.

    Com isso, temos dois arquivos, sendo que na home eu não chamarei o arquivo internas.css, por motivos óbvios certo? 😀

    Caso seja necessário, eu posso criar alguns outros CSS’s, para títulos, formulários (recomendado), elementos globais (apesar de eu usar no geral.css, mas vai de cada um.), entre outros mais.

    Boa Bruno. E agora é só chamar os arquivos CSS’s necessários no HTML certo?

    Exatamente. Não vou mais precisar escrever no CSS o import, para chamar os outros arquivos. Segue abaixo:

    Possuo três páginas: Home, Quem e Contato; e possuo três arquivos CSS: geral.css, internas.css e formularios.css.

    Home

    <style type="text/css">
    @import "css/geral.css";
    </style>

    Quem

    <style type="text/css">
    @import "css/geral.css";
    @import "css/internas.css";
    </style>

    Contato

    <style type="text/css">
    @import "css/geral.css";
    @import "css/internas.css";
    @import "css/formularios.css";
    </style>

    Na Home eu chamei somente um CSS, o geral.css, que é chamado por todas as páginas. Na página Quem, além do geral.css, chamo o internas.css porque é uma página interna e na página de Contato, eu chamos os três CSS’s porque além de precisar da estrutura contida no geral.css, ele é uma página interna e possui os formulários necessários.

    Bom, resumindo é isso. Com isso, temos uma estruturação, um controle maior dos CSS, cortamos chamadas desnecessárias de classes e ID’s.

    Ordem de escrita das propriedades.

    Exatamente isso que você está pensando, se é que está pensando :D. Eu penso na ordenação das propriedades nos meus CSS’s. Parece loucura, admito, o Arthur mesmo falou comigo que era coisa de maluco, perguntando se existia alguém que realmente fazia isso, e ele tomou um susto quando eu respondi que fazia isso 😀

    Tá Bruno, mas como assim? Como você ordena seus CSS’s?

    Exatamente como você está imaginando agora, em ordem alfabética mesmo. Meio difícil de aceitar no início, concordo, eu fui um pouco assim, mas sem ser xiita.

    Tudo depende da adaptação, em qualquer coisa, seja na vida pessoal, trabalho, convivência, etc. Tudo é questão de hábito e costume.

    É bem chato no início, mas depois que pega o ritmo, costume, vai rápido.

    Entendi Bruno. Mas qual a vantagem de deixar em ordem alfabética os CSS’s?

    Isso varia de cada um, claro. Na minha opinião, o que mais pesou para eu implementar desta forma foi a organização. Por mais que cada um tenha seu modo, sua ordenação, em ordem alfabética eu sempre saberei onde está, aproximadamente, o atributo que eu estou procurando para modificar. Resumindo, eu achei mais fácil pra localizar atributos.

    Finalizando…

    Bom, finalizo aqui mais uma etapa, creio eu que seja a última delas 😀 de escrita de CSS. Provavelmente existem outros links falando sobre, acabou que nem pesquisei sobre isso direito. Qualquer coisa é só postar nos comentários.

    Mandem comentários, dicas, críticas, dúvidas que eu vou abrindo a mente pra, quem sabe, ver outras maneiras, experimentar outros métodos de implementação.

    É isso, aquele abraço.

    [BBL]artigos, css, escrita-no-css[/BBL]

    [ 30/maio/2007 às 11:47hrs ] [ Por Bruno Dulcetti ] Comentários 15 Comentários |

    Categorias: Artigos,CSS,Webstandards

    » Mudanças e mais mudanças…

    E ae pessoal, tranqüilidade?

    Por aqui tudo bem, mtos freelas, por isso o sumiço aqui no Blog. Acontece, fazer o que… Vida de garoto de programação tem sempre disso 😀

    Hmmm… Nova ID Visual é Bruno?

    Minha nova Marca

    Exatamente. Pra quem ainda não percebeu, estou com uma “nova cara” no Portfólio e Blog.

    Agora com uma nova ID Visual, que na minha opinião, tem mais a ver, um foco maior no que eu faço, no que trabalho, no que falo e comento aqui no Blog.

    Legal, legal… Você que fez a ID?

    Não, não… To fora dessa parte de criação de marcas, impressos tem um tempinho. Essa marca quem criou foi o Arthur Henrique, um camarada que mora em Goiás, são paulino doente, manda muito bem nos seus trabalhos, sempre fazemos alguns freelas, ele com a parte de design e eu na implementação.

    Hmmm… Legal Bruno. Explica direito essa logo aí.

    Bom, como vocês devem saber, meu nome é Bruno 😀 e o último sobrenome é Dulcetti. Muita gente brinca, inclusive eu, com esse Dulcetti, por esse cetti soar como um 7 (sete).

    Geralmente eu mesmo deixo meu nick nos IM’s como Bruno Dul7, etc… Com isso, o Arthur resolveu brincar com essa parte e criou a marca atual.

    A simbologia < > caracteriza, principalmente o desenvolvimento webstandards, que é o foco do blog e a área que mais sei, entendo, das quais eu trabalho.

    Essa junção resultou na Marca, que eu gostei bastante. Brigadão ae Arthur.

    E não é só isso!!! 😀

    Nova marca, novo layout. Em breve (breve mesmo?), pretendo lançar o novo layout do meu blog/portfólio, junto com o Arthur, que me ajudará nessa parte do layout. Mas também tentarei criar algo, para não ficar tudo pra ele, pq eu ainda curto design, apesar de ter caído pra parte de implementação/desenvolvimento.

    O Portfólio eu criarei todo com XML/XSL/XSLT, que aliás, eu começarei a comentar e postar sobre esses temas, que estão começando a ficar cada vez mais comuns hoje me dia, aqui no meu Blog. Tentarei mostrar o funcionamento, xPath, entre outras coisas de XSL, etc.

    Atualizarei também o código HTML/CSS aqui do Blog, que ainda não está 100%, aplicarei, ainda mais, Microformats, apesar de já implementar em algumas áreas tanto no Blog quanto no Portfólio.

    Finalizando…

    Bom, é isso… Só pra avisar as mudanças, alterações, tanto que já fiz, quanto as que irei fazer (será?) :D.

    Queria agradecer ao Arthur pela marca, que gostei bastante e gostaria de saber a opinião de vocês, tanto sobre a marca, quanto as mudanças no meu Blog, sugestões, sobre o que falar, temas, posts, o que vocês acham que posso tirar, adicionar, alterar, etc, etc, etc.

    Conto com vocês… Aquele abraço.

    [BBL]blog, blogosfera, blogueiros, bruno-dulcetti, desenvolvimento, html, identidade-visual, logomarca, noticia, pessoais[/BBL]

    [ 17/maio/2007 às 16:36hrs ] [ Por Bruno Dulcetti ] Comentários 14 Comentários |

    Categorias: Pessoais

    » Spams, Hackers, Invasões e Pedido de Desculpas

    E ae pessoal, tranqüilidade?

    Bom, venho com este post rápido para informar que meu site foi hackeado e colocaram alguns arquivos maliciosos no meu servidor.

    Depois disso enviaram vários Spam’s por ae afora, recebi vários e vários e-mails, e continuo recebendo, falando sobre isso, etc. alguns foram bem grossos, fazendo ameaças e tudo, falando que eu era mau caráter, entre outras coisas.

    Recebi também vários e-mails com pessoas falando que não tinham conseguido abrir o arquivo e pedindo para eu enviar novamente. Isso prova o quanto as pessoas ainda estão frágeis a tais ações.

    Mas também recebi outros avisando, pessoas falando que tinham certeza que aquilo não estava sendo feito por mim, etc. Agradeço a todos que mandaram e-mails avisando tal fato.

    Mas e agora Bruno? Tá tudo tranqüilo?

    Aparentemente sim. Entre em contato com a empresa que faz o hosting do meu site e eles agiram e no mesmo dia estava tudo resolvido.

    Milhões de desculpas…

    Peço milhões de desculpas a todos e me esforçarei ao máximo para que isso não volte a acontecer. Não fui eu que enviei os milhares de e-mails pedindo para invadir. Não sou do tipo de querer ferrar os outros, quem me conhece sabe disso e nunca que alguém que mande spams, usará o próprio site para hospedar, pq irá gerar um tráfego absurdo, o que aconteceu 😉

    Finalizando…

    Bom, é isso. Desculpas novamente e vamo que vamo :D. Aquele abraço.

    [ 04/maio/2007 às 18:53hrs ] [ Por Bruno Dulcetti ] Comentários 6 Comentários |

    Categorias: Pessoais

    
    Copyright © 2005 Bruno Dulcetti | Creative Commons
    Bruno Dulcetti atuante na área de desenvolvimento web / webdesign e colaborador na área de webstandards pelo Blog BrunoDulcetti.com - blog. Atuante na área desde 2000. Atuando na cidade de Niterói/RJ - Brasil. E-mail: bruno@brunodulcetti.com