HAML, SASS i topla voda

[jablan]

Originalno napisao mungos

Od pocetka ljeta do sada sve cesce cujem za HAML. Trend je u Silikonskoj dolini, jos ako ga marketinski pogura neko jak...

Jel Rails dovoljno jak?

SCSS i jQuery su sada first-class citizens u Railsu 3.1 (dolaze po defaultu). DHH nije fan HAML-a, tako da do daljnjeg default ostaje ERB.

@ivanhoe: Budimo iskreni, nije u pitanju 300-400 karaktera, već 30-40% koda uštede.

PS: Ako nekom treba: http://css2sass.heroku.com/

[mungos]

Originalno napisao jablan

Jel Rails dovoljno jak?

Nije. Za sada je i dalje u domenu sektasenja.

Treba neka jaca religija da ga pogura.

[xippi]

prvo smarate, skoro svi

drugo diskutujete o tome da li je vredno ucenja ili ne kao da je learning curve ne znam koliki. dobrom devu treba max 2 nedelje da se prebaci na haml, prva dva dana da se navikne na sintaksu i indentaciju a ostatak da radi uz otvoren docs. mislim... tagove pocinjes sa %, atribute prosledjujes sa {} a petje i ostale stvari sa -, realno nije rocket science. ja razumem da je ovakav koncept visak kada vec koristite smarty ili nesto slicno gde postoji gomila helpera, jer ovo pokazuje pravu moc kada se niz objekata prosledi direktno haml (jade, bilosta) view-u pa em sto kucas dosta manje em imas kul fora da djuskas po tom nizu. meni se licno haml sintaksa ne svidja i mislim da sve to moze dosta jednostavnije, ali kada je recimo erb vs haml izbor u pitanju moj glas bez razmisljanja ide na haml stranu. razlika se vidi vec nakon prvog napravljenog viewa kada skontas da za pocetak ne moras da kucas <div></div>

trece sass i slicni nisu ni zamisljeni da vam automagicno izgenerisu najbolji moguci css, vec da na laksi/gotivniji nacin napisete ono sto vec znate. ovakvi alati i pomazu u crossbrowser smaranju kada jednu te istu stvar morate da napisete 100 puta

stylus primer

border-radius()
  -webkit-border-radius: arguments
  -moz-border-radius: arguments
  border-radius: arguments

form input
  border: 1px solid
  border-radius: 5px

postaje

form input {
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

linear-gradient je jos gori sto se tice browser podrske selektora i propertija tome sluze css3pie, ie9.js ili vec nesto slicno