Definir com qual Grid System iremos trabalhar about odin HOT 34 CLOSED

@suissa indicou o http://semantic.gs/

Existe também o http://susy.oddbird.net/

Os dois funcionam com Sass e são responsivos.

from odin.

Dei uma olhada nos dois e o susy me pareceu mais documentado. Talvez para a ideia do projeto, esse seja mais aconselhável.

from odin.

Nunca usei nenhum dos dois mas o susy também me pareceu ter um suporte a aplicabilidade melhor....

from odin.

Meu único medo de usar Susy é no meio do projeto decidir que quer usar também Less xD
Até agora qualquer coisa da para portar para o Less. Se colocar o Susy será apenas Sass.

A documentação dele é muito boa mesmo.
Já faz alguns meses que estou usando e gosto bastante porque é possível fazer qualquer grid nele.

from odin.

@claudiosmweb, dúvida cruel, por um lado tem a popularidade do Less e por outro o diferencial do Susy. Achei que fosse para o lado do SASS...

from odin.

Mas quem usa Less sabe usar Sass, ou não?

from odin.

Semantic.gs roda em less, scss e stylus.

Um sistema de grid soh precisa de 4 funções básicas: row, column, push e pull. Acredito que o semantic.gs cumpre mto bem essa função, acho que o maior problema do susy eh que ele eh acoplado apenas no compass.,

from odin.

@suissa esse é o meu medo de usar o Susy xD.

Alguém conhece mais opções?

from odin.

Qualquer cosia posso forkar o semantic.gs e escrever me sass tb ae pronto vai rodar em tds.

from odin.

@suissa ele já funciona com Sass :P
Vou procurar outras alternativas para mostrar aqui.

Mas por mim poderia usar ele sem medo.

from odin.

Pesquisei bastante.
O semantic.gs sem duvidas vai ser a melhor alternativa.

Vou ver de implementar ele.

from odin.

vou dar uma estudada nele hoje então pra tentar fazer a implementação ;)

from odin.

O semantic.gs é muito bom e também bastante flexível, uso ele em todos meus projetos. Recomendo.

from odin.

eu nunca implementei ele não... dei uma lida de manhã e chegando em casa olho de novo, qualquer coisa eu peço um help ;)

from odin.

Opa estamos ae para isso ;)

from odin.

eu pensei que dava pra implementar sem o LESS e/ou SASS, mas parece que não... é isso mesmo @suissa ? Pq eu não uso essas paradas =P

from odin.

Não rola pq eh com isso que conseguimos abstrair os tamanhos sem necessitar da marcação estrutural no css, mas hj em dia eh mto simples utilizar essas tecnologias. Vc pode usar programas que ficam escutando uma pasta que vc configurou e cada vez que vc salva seu less/sass ele ja compila para o css.

from odin.

vish, vou ter que estudar a coisa mais sem noção do CSS, LESS kkkk.

Vou dar uma estudada a mais então aqui, então se tu quiser pegar pra implementar tu pega... Como é minha primeira utilização das 2 paradas fico meio com receio de faltar alguma coisa. mas mesmo assim vou olhar e tentar fazer aqui.

from odin.

@deblyn hoje em dia é importante saber usar um o ou outro ou os dois xD

Mas mesmo usando o semantic.gs talvez seria bom deixar algumas classes prontas para quem não manja de SASS ou Less.

Cria um arquivo separado para isso... Se você não quer, não inclui ele e já era xD

from odin.

Fechado então.

Acabei de incluir o Semantic.gs no projeto.

Entretanto fiz algumas modificações nele, porque quem construiu manjava de Less, mas não sabia nada de SASS :P

https://github.com/wpbrasil/odin/blob/master/sass/source/_grid.scss

Mandei até um Pull Request lá para os caras:
tylertate/semantic.gs#84

from odin.

Soh uam coisa eu normalmente recrio mais uma função column e row para que aceite a margin que eu passar e o default seja 0, alguns layouts q eu fiz necessitei disso :p

from odin.

Me mostra isso ai que faço aqui no Sass xD

from odin.

Estou meio puto com esse Semantic.gs.

Cara largou o projeto a um ano.
Acho que o negocio vai ser forkar ele criar um grid novo xD

Bora?

from odin.

Pode forkar, fazer um GRID já com as correções que o @suissa indicou e agente aproveita

from odin.

Estou pensando em forkar e "roubar" os pull requests e corrigir os issues que a galera abriu lá durante um ano e o autor não fez nada xD

Pra isso vamos precisar de ajuda de alguém que entenda de Less, Sass e Stylus.

Mas da para fazer algo bem melhor, juntar ele com o Sussy xD

from odin.

Posso ver a questa de Less.
Estou meio sem tempo nesse final de Janeiro, mas em Fevereiro vou ter tempo pra ajudar.

from odin.

Mano mas ele eh bem simples eh soh corrigirmos poucas coisas e ja era. Crias as issues q precisa q nois damo um tapa

from odin.

Estou testando aqui esse grid. Não curti ele, muito zuado.

from odin.

Acabei de escrever um grid "elastico/responsivo":
https://gist.github.com/4688779

Ele converte os valores absolutos em percentagem e desta forma já começa a ficar responsivo.
Vamos precisar com certeza de algumas coisas para melhorar ele no IE 7 e 8.

Por favor, testem ele e me digam se isso vale apena xD.

Fiz pensando no modelo do 960gs onde não precisa de classe limpar a margin no último elemento do grid...

Joguei algumas coisas nele para facilitar a utilização.
E ele funciona como elástico ou estático. Além de aceitar valores em px, em ou %.

from odin.

Cara, acabei ficando cheio de trampo nessas duas últimas semanas e pouco ou nada fiz aqui, então resolvi ir testando aqui o seu grid @claudiosmweb e me parece que vale a pena sim, no IE 7 precisa dar uma ajeitada nele como você mesmo disse, no IE 8 não vi nada de mais aqui, a base do código ficou boa pra mim também... quanto a opinião sobre o grid, caso esse não seja usado mesmo, eu gosto bastante do 1140px (http://cssgrid.net/), é só passarmos ele para SASS que daria para usar tranquilo. O que acham?

from odin.

@luizrw o grid que eu acabei fazendo daria para ter algumas funções similares do 1140px.
Fiz ele inspirado no 960gs e no Susy.

Além que uma coisa que me incomoda no Susy, 1140px, Columnal e etc. É esse negocio de precisar de uma classe para dar um .last (ou .omega) zerando o margin-right.
No 960gs você não tem esse problema e por isso fiz o grid nesse mesmo formato.

Acho que vai ser mais fácil arrumar esse grid novo para funcionar em todos os browsers do que passar um grid pronto pro Sass e Less.
Além de que fazendo não temos problemas com direitos de ninguém.

Linceça desse grid ai vai ser http://www.wtfpl.net/ xD

from odin.

Deletei o Gist e criei um repo logo pra ele.

Vamos logo fazer um grid de macho com Sass e Less e esquecer dessas outras soluções que não funcionam xD

Repo dele: https://github.com/wpbrasil/odin-grid-system (todos já estão adicionados nele :P)

Final do issue: Vamos usar o Odin Responsive Grid System xD

from odin.

Por mim pode commitar esse grid mesmo, @claudiosmweb. Fica muito melhor em relação a direitos e tals.

from odin.

É, a questão de precisar zerar sempre a margin-right é uma merda mesmo @claudiosmweb , mas é isso aí, agora já tem o Grid System definido, bora!

from odin.