Novo layout e style switcher

Os visitantes frequentes desse site puderam notar que recentemente fiz um redesign. Mais um, aliás, e podem esperar que freqüentemente estarei mudando o layout.

O interessante é que esse novo layout me rendeu algumas menções em sites que listam bons designs feitos com CSS.

Toda vez que crio um layout novo pra este site, acho lindo e digno de entrar pra essas galerias. Sendo assim, vou em cada uma delas e submeto o design para avaliação. Até hoje nenhum deles tinha achado nenhum de meus designs digno de um ‘award‘ e, com o tempo, vou percebendo que realmente não mereciam.

Mas, dessa vez foi diferente. Três sites, CSS web sites no tables, Unmatched <style> e CSS-MANIA incluiram este modesto blog em suas galerias.

E, claro, eu adorei isso. Acredito que este layout foi realmente o mais belo que fiz até agora. Com certeza em pouco tempo vou me enjoar dele e pensar em fazer um novo mas, por enquanto, gostaria de saber a opinião de vocês. O que acham do novo layout? Podem falar sem problemas. Comentem a vontade.

Aqueles que têm javascript habilitado em seus browsers podem ver na barra da esquerda que eu estou oferecendo dois layouts. Um para resoluções de 1024px ou mais e outro para 800px. A única mudança é a largura da coluna central, esta aqui onde fica o texto.

Para isso estou usando o invasion of the body switchers - the director’s cut feito por Malarkey (Andy Clarke) e James Edwards. Um excelente script para troca de estilos que, na minha opinião, só tem um defeito: só carrega o estilo alternativo após o carregamento total do HTML. É um pequeno incômodo mas, acho eu, tolerável.

Antes disso eu estava usando o clássico stylesheet switcher do ALA mas, por algum motivo ele estava quebrando o botão de voltar do firefox. De qualquer maneira, o IOTBS é mais interessante, pois não mostra a opção de seleção de estilo para aqueles que não tem javascript.

Bom, é isso. Comentem sobre o novo layout. E aguardem o próximo! :)

Leia também:

18 Comentários sobre “Novo layout e style switcher”

Faça um comentário

#1 | Misael

Cara,

tá muito bom o layout, se garantiu mesmo. Você usa só o DW pra criar o CSS?

Valeu!


DW?? Tá louco? Não uso isso…de jeito nenhum.

Uso EditPlus, na maior parte do tempo. Quando estou no linux uso o quanta plus, apesar de eu ser usuário de GNOME.

Eu usei dreamweaver uma vez, no primeiro site que eu fiz, e eu não tinha a mínima noção do que era realmente web design. Hoje em dia já tenho um pouco e não preciso mais de um editor WYSIWYG.


#3 | celso

Louco em usar DW ? Você nunca construiu um Projeto Web que use banco de dados. O dia que fizer , será louco de não usar o DW. Fazer sites "bonitinhos" até dá para fazer sem o DW , agora sites dinâmicos … háháhá . Faça na unha e quando terminar certamente seu cliente nem lembrará de sua existência , pois já terá contratado alguém que seja produtivo , isto é , alguém que use o DW. Não fale mal de uma Ferramenta se não sabe usá-la. Antes procure aprendê-la.


#4 | Hugo

Celso, só precisa de DW quem usa DW.

Sou programador, já fiz projetos grandes, como na empresa só tinha windows eu usava o editplus, no Linux uso o KDevelop. As únicas vezes em que eu sentia necessidade de usar o DW era para mecher no código mal feito e ilegível gerado pelo DW por outras pessoas da empresa.

O DW é muito bom, mas não é necessário e também tem que saber usar, se você for fazer uma página como quem digita um texto no word ele vai gerar um código horrível, mas se você espiar o que ele anda fazendo e usa-lo com redeas curtas ele pode acelerar um pouco seu trabalho quando não se esta acostumado com o código HTML de perto.


#5 | Bruno Lellis

Eu sempre trabalhei como freelancer e desenvolvi uma intranet (posso considera-la grande) utilizando PHP e Firebird e nunca usei "DW".

Já utilizei, por muito tempo, o HomeSite.

Agora, migramos para Linux e eu uso o Screem. ;)


#6 | Germano

Pô, na minha opinião, DW é bom. As abas me facilitam muito, a parte de Sites onde eu posso abrir os arquivos rapidamente, editando o css eu apenas preciso digitar as primeiras palavras, etc. Para usar com Banco de Dados ele não é lá essas coisas, mas para php ele é bom. Essa é a minha opinião.

Bruno, o layout ficou 10. Parabéns ;-)


Gente, o assunto aqui não é dreamweaver, portant, qualquer comentário a partir de agora, neste post, que fale exclusivamente de dremweaver será sumariamente deletado.

Por faver dêem opinião sobre o novo layout.


Bruno, este novo estilo está muito bom, padrão internacional.

Porém, seu defeito é sua qualidade, afinal, o "estilo internacional" me dá um ar de ‘mesma coisa’.

Quanto ao Dreamweaver, eu acho ele muito bom, mas uso no modo "Code" e não o WYSYWIG, porém, ás vezes, tenho que apelar para WYSYWIG para corrigir códigos ruins feitos por terceiros. Porém eu sou suspeito, afinal, babo ovo da Macromedia todo o tempo.

Bem, parabéns pelos prêmios, espero ganhar uns algum dia também. Até mais.


ficou legal sim, só achei que essa parte do meio deveria ir até a direita, ae da direita botavas os ads como tah c um fundo cinza claro


#10 | Udo Blücher

Venho acompanhando o site a algum tempo e sem sombra de dúvida foi o melhor layout até agora, cada vez mais da pra ver um amadurecimento quanto ao modo de construir os layouts.

Parabéns…


Parabéns pelo layout, ficou realmente legal. Em relação ? discussão que surgiu em torno do DW, ainda que não seja o assunto aqui, acho que como uma ajuda serve. Mas não adianta absolutamente nada se a pessoa não souber o que está fazendo, não tiver um conhecimento prévio de HTML.


#12 | Hugo

O único defeito do site é a parte do conteúdo (o meio) ser muito estreita, mas de resto ta muito legal e é o melhor entre os que este site já teve.


O novo layout ficou excelente, mas deveria ter um style switcher também para o antigo estilo, pois gostava muito.

Voltando ao Dreamweaver, sempre usei, pois com ele faço as coisas rapidamente, insere as tags e as entidades HTML na hora, não precisa digitar manualmente, e tempo é dinheiro! Já usei o Screem e o Bluefish na minha máquina FreeBSD, mas eu perdia tempo, não sei, estes dois programas não são bem elaborados.

Voltando ao seu novo design, a imagem de fundo, você copiou do site de outro designer , eh eh !

As cores são suaves, as sombras dão um toque profissional, a textura azul no topo é excelente, as fontes, tá de parabéns!


#14 | Carlos

O design, ficou muito bom, simples, objetivo e com alguns cantos arredondados que sofistica o layout.

Mas honestamente todos as galerias de sites css tem modelos que tem exatamente o mesmo estilo.

Eu gosto, mas já deixou de ser original. Os novos templates do Blogspot são exemplos.

Aliás, esta é uma coisa que os "anti-tableless" criticam: sites com 3 colunas, sombrinhas…com cara de Blog.

Mas não liga, original ou não, o importante é que está usável, agradável e "na moda".


#15 | Francisco Penedo

Tableless pode e deve ter design diferenciado e criativo. Um exemplo:

http://www.unilever.com


vê se isso tem cara de tableless:

<a href="http://nucleuscms.org">http://nucleuscms.org</a>

e não usamos dreamweaver. ;-)

fizemos há pouco e ficamos orgulhosos. ;-)

o layout está bem legal, bruno. posso saber se ele tbém tá licensiando sob o CC? gostaria de saber se posso fazer um skin pro nucleus com base nele. hmmm, sem problemas se não for CC, só tô perguntando pq gostei mesmo… :-)


Ola..

o layout ficou otimo, e parabéns pelos prêmios..

sou iniciante em web e estou "tentando" aprender sozinho, espero que eu consiga chegar perto do que vc criou, para eu ja estaria ótimo…

abraço


issa


« Implementando caching em feeds RSS/ATOM

URLs amigáveis - esclarecendo dúvidas »

Deixe seu comentário

Buscas populares: Ganhar dinheiro, AdSense, Velox, Acessibilidade, IE7, CSS Position, Quero ganhar dinheiro