| jablan |
21. 11. 2007. 00:33 |
Šta koristite za manipulaciju bojama u CSS-u?
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 |
21. 11. 2007. 01:12 |
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 |
21. 11. 2007. 04:04 |
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ć |
21. 11. 2007. 07:01 |
^ 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 |
21. 11. 2007. 08:48 |
Citat:
Originalno napisao Dragan Babić
(Napišite 46997)
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 |
21. 11. 2007. 09:10 |
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 |
21. 11. 2007. 09:40 |
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ć |
21. 11. 2007. 10:16 |
Citat:
Originalno napisao ivanhoe
(Napišite 46996)
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ć |
21. 11. 2007. 12:00 |
@ jablan: Onda ovako nešto?
@ misk0: Ne razumem, kakve konstante sad? |
| Ilija Studen |
21. 11. 2007. 12:07 |
Citat:
Originalno napisao Dragan Babić
(Napišite 47010)
@ 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:
PHP kôd:
define('OUTLINE_COLOR', 'red');
i kasnije koristiš tu konstantnu umesto svugde da ponavljaš vrednost. Tipa:
Kôd:
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 |
21. 11. 2007. 12:13 |
Citat:
Originalno napisao Dragan Babić
(Napišite 47010)
|
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
Kôd:
PALETTE = [#c2a, #22f, #e8e]
... pa onda ...
td { background-color: PALLETE[1]; }
ili
Kôd:
PALETTE = load_palette('jul_je_kul.pal')
itd. |
| Goran Cirkovic |
22. 11. 2007. 21:30 |
1 Prilog(a)
Ovaj mini color mixer nije loš... Za neku brzo potrebu
 |
| Misha |
22. 11. 2007. 22:42 |
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 |
23. 11. 2007. 04:14 |
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 |
23. 11. 2007. 09:26 |
Ok, hvala svima!
|
| cvele |
22. 02. 2008. 20:43 |
|
| jablan |
23. 02. 2008. 00:02 |
Interesantno, hvala na linku. Mada to ne rešava problem kojim sam otvorio temu. A i sass mi je elegantniji, ekspresivniji, ima konstante i ugnježđivanje, a i dolazi kao plugin za rails. ;) |
| jablan |
30. 03. 2010. 12:46 |
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 |
30. 03. 2010. 14:10 |
^ 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 |
30. 03. 2010. 15:13 |
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 |
30. 03. 2010. 15:30 |
|
| ivanhoe |
30. 03. 2010. 15:56 |
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 |
31. 03. 2010. 15:25 |
|
| Vreme je GMT +2. Trenutno vreme je 04:43. |
|
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.
