Šta koristite za manipulaciju bojama u CSS-u?

[jablan]

Nisam veb dizajner, tako da se izvinjavam ako nešto lupam...

Koristite li neki alat kojim lako mogu da se menjaju boje u CSS-u, i vide sve postojeće boje kako naporedo izgledaju?

[conica]

hm...nije mi bash najjasnije pitanje, ali da pokusam.
Ja za CSS koristim editor TopStyle Pro 3.10.

Postoji opcija za direktno pracenje promena u CSS-u na odabranoj stranici, a prilikom kucanja stilova, konkretno za boje ima color picker (pored ostalih silnih cuda kao sto su validacije za verzije i browsere, ugradjen W3C validator itd).

Ako te zanimaju posebno samo boje i palete, za to ponekad koristim mali Flash programcic AlphaBuilder Pallete Generator.

[ivanhoe]

ja vec neko vreme radim CSS "nazivo" u Firefoxu sa Web Developer (edit CSS opcija) i Colorzilla extenzijama (ima color picker i mogucnost da snimas palete boja). Mnogo je brze nego editovanje u editoru, pa refresh browsera, pa opet editovanje, itd...

[Dragan Babić]

^ What he said.

Sa druge strane, koristi da odmah definises paletu iz mockupa u jednom komentaru pr vrhu CSS fajla i kazes recimo: tamno plava: #xxxxxx, gay roze: #xxxxxx, itd. Onda kada menjas neku boju u neku drugu samo konsultujes tu legendu i odradis search and replace.

[misk0]

Sa druge strane, koristi da odmah definises paletu iz mockupa u jednom komentaru pr vrhu CSS fajla i kazes recimo: tamno plava: #xxxxxx, gay roze: #xxxxxx, itd. Onda kada menjas neku boju u neku drugu samo konsultujes tu legendu i odradis search and replace.

To nisu konstante? vec komentari?

Koristim firebug dok 'pogodim' koja mi odgovara i kad se odlucim, uvrstim je u CSS i to je to.

[dootzky]

ja na linuxu imam u Quanti shortcut CTRL+SHIFT+C, i to mi je extra integrisani color chooser. ima jos dosta pluginova, ali ovo je extra brzo i zgodno..

[jablan]

Mislim da nisam bio najjasniji, ideja je da ne moram da radim ručni search & replace po celom stilu, već da za kratko vreme mogu da izvrtim par paleta i da vidim kako čuče. Znači programče koje će da izlista sve boje koje se koriste u stilu u obliku palete, da ja mogu da promenim pojedinačnu boju, snimim ili učitam kompletnu paletu, a on da mi upisuje to u CSS.

Ako ovako nešto ne postoji, a ima logike da se pravi (barem meni sad treba), recite, možda nađem malo vremena. ;)

[Nenad Vasić]

ja vec neko vreme radim CSS "nazivo" u Firefoxu sa Web Developer (edit CSS opcija) i Colorzilla extenzijama (ima color picker i mogucnost da snimas palete boja). Mnogo je brze nego editovanje u editoru, pa refresh browsera, pa opet editovanje, itd...
Nisam ni znao da postoji ova opcija. :) Tnx..

[Dragan Babić]

@ jablan: Onda ovako nešto (http://www.barelyfitz.com/projects/csscolor/)?

@ misk0: Ne razumem, kakve konstante sad?

[Ilija Studen]

@ misk0: Ne razumem, kakve konstante sad?

CSS ne podržava konstante što je stvarno glupost. U programskim jezicima ti možeš da definišeš nešto kao:

define('OUTLINE_COLOR', 'red');

i kasnije koristiš tu konstantnu umesto svugde da ponavljaš vrednost. Tipa:

div.outlined {
border: 1px dotted OUTLINE_COLOR;
}

ili kako god. Kada promeniš layout i hoćeš da ti outline boja bude nešto drugo samo zameniš vrednost i nema find and replace.

[jablan]

@ jablan: Onda ovako nešto (http://www.barelyfitz.com/projects/csscolor/)?
Pa, u principu... ne. ;) (Pogotovu ne od nekog ko citira Matrix... :1044:)

Ovo što on radi je samo dinamičko generisanje CSS-ova (da bi se nadomestio glupi nedostatak konstanti o kome priča Ilija).

Ja sam mislio više na neki alat u toku dizajna koji nudi lep pregled palete (kao na sajtovima za palete npr) i mogućnost promene iste, bez ručnog editovanja CSS-a ili PHP-a koji generiše CSS. Ali da, interno bi taj alat radio nešto slično kao što ovaj Neo radi sa php-om.

@Ilija: Ili nešto još naprednije, tipa

PALETTE = [#c2a, #22f, #e8e]

... pa onda ...

td { background-color: PALLETE[1]; }

ili
PALETTE = load_palette('jul_je_kul.pal')
itd.

[Goran Cirkovic]

Ovaj mini color mixer nije loš... Za neku brzo potrebu


http://www.kadrovi.com/goran/color.jpg

[Misha]

Takav alat bi stvarno bio jednom koristan ... samo ne znam koliko je realno reci da CSS moze da se posmatra kroz paletu ... posto u realnom CSS-u ista boja ne znaci automatski isti kontekst gde se koristi, nego svaku klasu koju je dizajner definisao treba posebno posmatrati ... a TopStyle ti prezentovanje po klasama sasma lepo radi ... a konstante bi bile korisne donekle zaista ... samo dizajneri ne razmisljaju primarno kroz konstante cini mi se kad prave dizajn ...

[ivanhoe]

ja koristim isto kao Dragan legendu na vrhu CSS fajla gde pise sta je koja boja za potrebe brzog snalazenja, a o samim vrednostima boja brinem u fazi pravljenja mockup-a u photoshopu ili fireworksu, ne u css-u. Retko kad naknadno menjam boje na vec isecenom dizajnu, a za to search & replace sasvim solidno radi posao...

tako da meni takav alat bas i nije neophodan, realno...

[jablan]

Ok, hvala svima!

[cvele]

upravo natrcah na ovaj clanak... mozda ti bude zanimljivo:
http://www.shauninman.com/archive/2007/06/27/css_server_side_pre_processor

[jablan]

Interesantno, hvala na linku. Mada to ne rešava problem kojim sam otvorio temu. A i sass (http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html) mi je elegantniji, ekspresivniji, ima konstante i ugnježđivanje, a i dolazi kao plugin za rails. ;)

[jablan]

Izvinjenje zbog dizanje teme iz mrtvih, samo da priložim još jedan link: još jedan template jezik za CSS, dosta manje radikalan od sass-a:

http://lesscss.org/

Dodaje promenljive, miksine, operacije i ugnježđena pravila. A sve to backward-kompatibilno sa standardnim CSS-om, što znači da možete uzeti postojeći stylesheet i natenane ga templejtovati. :)

[bluesman]

^ To deluje interesantno, nisam ni znao da postoje takve stvari, ja sam planirao da napravim neki php script koji ce to da radi ... najveci problem su uvek te boje, hoces malo da promenis nijansu - moras da menjas na 100 mesta. Ili hoces da promenis neki border - trci i trazi gde sve imas takav border.

[ivanhoe]

ima super fora, mada mislim da je ovaj mixins zlo, to ne bi trebalo tako da se radi, zato i ima ono C u CSS...

[cvele]

btw ima i php verzija, super radi: http://leafo.net/lessphp/docs/

[ivanhoe]

ja cu ovo da ukljucim u trenutni projekat, pola stvari mi doduse ne treba, ali mogucnost importa fajlova i ove varijable su do jaja...

[bluesman]

Premestio sam postove vezane za browser cache u novu temu Kako najlakše obrisati browser cache (http://www.devprotalk.com/t8628-kako-najlak353e-obrisati-browser-cache.html)