Addon WebLoader a LESS

Hezké. ;)

Nechceš to přidat do extras?

Editoval honzakuchar (4. 3. 2010 21:36)

honzakuchar napsal(a):

Nechceš to přidat do extras.

Našel sem ještě drobné chybky v rozkladu dědění, až zmizí a trošku to přepíšu, tak snad.

Ej, super, dík! Když si chvilku najdu, takt to na webloader napojim.

Mimochodem, myslíte, že by stálo za to vytvořit browser filter? Něco na styl

~firefox color: #000000;

by se propagoval jenom do firefoxu, do ostatních by se smazal. Tohle by se cachovalo (počet cache souborů = počet filtovaných browserů).

Dá se napsat i něco na styl ~alpha co vloží tuhle část jenom do prohlížečů co podporujou alfu (rgba, shade, atp.) a podobné.

Editoval Mikulas Dite (10. 3. 2010 10:02)

IMHO by se to dalo zařídit pomocí spolehlivých CSS hacků.

IE6:

_height: 100px;

IE6 + IE7:

&height: 100px;

Pouze IE7:

&height: 100px;
_height: původní hodnota;

IE8:

.prvek_na_kterem_chci_aplikovat {
	height /*\**/: 100px\9
}

Webkit (Safari + Chrome):

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* uvnitř už se aplikují všechny styly jen na Webkit */
.prvek_na_kterem_chci_aplikovat {
	height: 100px;
}
}

Bylo by hezké, kdyby LESS umělo tyhle fíčury: http://css3please.com/ :)

Editoval Ondřej Mirtes (10. 3. 2010 10:21)

No že kdyby někdo napsal nějakou vlastnost z CSS3, tak by se vygenerovala a rozepsala se všemi vendor prefixy a filtry pro IE :)

Tohle znáte? Nějakou dobu sleduji a přemýšlím, zda použít či ne…

https://github.com/…ab/README.md

ja zase používam na podobné účely xccs a som s tým spokojný a funguje to bez problémov.

Mikulas Dite:

Vývojová verze 2.0 už filter v pohodě zvládá a záležitosti se string proměnnejma + mnoho dalších věcí jsou dávno opravené a funkční. Vážně si nemyslím, že bys mohl jen tak napsat něco lepšího. ;)

gawan:

Less má řádově víc funkcí než xcss.

jasir:

Znám, a opět platí: Less je lepší.

Ondřej Mirtes:

Naprosto jednoznačně vyřešit přes mixiny.

Editoval jtousek (10. 3. 2010 20:08)

OK zkusil jsem to sám, a máš pravdu, že filter nefunguje. Dám to autorovi na github jako issue. (Já filtry nepoužívám, jen vím, že byl dříve problém se závorkami v hodnotě – což už je ok)

//EDIT 12.3.2010:
Autor již problém s filtrem pro IE odstranil a vše funguje.

Editoval jtousek (12. 3. 2010 8:54)

Nó… Těžko říct, až to bude plně funkčí, tak je žádoucí mít output co nejkompresovanější a zaarchivovanej, takže cokoliv navíc je tam zbytečně. Pro testování css můžeš filter pro kompresi vypnout, zpětně dohledatelné to bude i tak v pohodě.

Přidal jsem originální lessphp, má plnou podporu cachování atd. a umí to co původní verze: github:lessphp.

A má předepsané mixiny tríčků z css3please.

Download

http://bit.ly/aU4z2y

Přiklonil sem se k phpless – filtry se tedy spouští automaticky (a zatím nejdou selektivně vypnout). API je z hlediska použití snad stejné jako u WebLoaderu.

Snad by to mělo jít takhle:

<div class="oble"></div>

.oble {
	@box_round(2px);
	//nebo
	@box_round(2px; 3px; 4px; 5px);
}

kde dělám chybu:

<?php
.box (@width, @height) {
    width: @width;
    height:@height;
}

.box700 {
  .box(700px,48px);

}
?>

když tohle nefunguje a css je ignorováno.. připadá mi, že to má problém, pokud te „vstupních parametrů“ víc než jeden..

Vyskytla se mi chybka při přesunu na produkční server: na locale vše OK.

tato chyba:
Call to undefined method Front_HomepagePresenter::apply().

WebLoader/WebLoader.php (214) source ► Front_HomepagePresenter→ apply (arguments ►)

Line 207: * Apply filters to a string
Line 208: * @param string $s
Line 209: * @return string
Line 210: */
Line 211: protected function applyFilters($s) {
Line 212: foreach ($this->filters as $group)
Line 213: foreach($group as $filter)
Line 214: $s = $filter->apply($s);
Line 215:
Line 216: return $s;
Line 217: }
Line 218:
Line 219: /**
Line 220: * Load file
Line 221: * @param string $path
*
verze:
local:
# PHP 5.3.2–1ubuntu4.2

# Apache/2.2.14 (Ubuntu)

# Nette Framework 0.9.3 (revision 2ce0ca6 released on 2010–02–02)

ostrý server:
# PHP 5.2.13–0.dotdeb.1

# Apache/2.2.9 (Debian) PHP/5.2.13–0.dotdeb.1 with Suhosin-Patch mod_ssl/2.2.9 OpenSSL/0.9.8g

# Nette Framework 0.9.3 (revision 2ce0ca6 released on 2010–02–02)

Chyba nastane při „minimalizaci js souborů“ ..

Editoval Oggy (11. 6. 2010 15:53)

rad bych vyzkousel, ale odkaz ke stazeni tusim odkazuje jinam nez by mel. diky za opraveni

Vyvíjí se nějak tenhle doplněk? Koukal jsem že nějak nefunguje už odkaz na stažení. Nebo jaký „nástroj“ jako je lessphp využíváte?

Editoval Oggy (30. 9. 2010 21:08)

myslim ze ja som pred asi 2 tyzdnami sitahol co bolo na github-e …
asi 2 dni som sa s tym hral (napr. som dorobil check ci uz nie je min verzia pritomna priamo) nez som usudil ze to prekodim za pouzitia http://code.google.com/p/minify/
stale mi pri tom vsak chyba moznost zlucovania jednotlivych CSS/JS z viacerych templatov, tj napr veci v @lyaout-e zlucit s vecami v template view takze sa snazim vymysliet ako to jednoducho spravit

cuga napsal(a):

a ted mluvis o WebLoader samotnem nebo i o LESS rozsireni?

oboje … hrabal som sa v oboch a jakosi sa mi nepodarilo ani jedno narvat do projektu tak aby som bol spokojny

Lopo napsal(a):

tak som pred chvilou pushol LessFilter pre WebLoader v BailIff -e

bez nejakych velkych problemov by mal byt pouzitelny aj v original WebLoader-i

Dal bys prosim nejaky navod jak to rozjet v normalnim WebLoaderu?

Jo, diky za hint, vazne to nebyl problem. Kdyby chtel nekdo help, necht se ozve.