| Autor | Zpráva | ||
|---|---|---|---|
| Lexter Profil |
Někdy se potýkám s tím, že mi zákazník nebo grafik řekně že toto má být o pixel dál. No prostě potěš koště, zajímají je koniny. Navíc mě nebaví měřit v psku vzdálenosti, šířky a vše to okolo, tak jsem si vymyslel malou pomůcku a můj dotaz zní, zda už to používáte nebo znáte? V případě že ano, tak jsem zas nic nového nevymyslel a v případě že ne a ne, tak to snad bude aspoň užitečné.
Idea tkví v tom, že si uložím celý grafický návrh do obrázku a jako obrázek ho vložím do kódu. Ten celý napozicuji přes stránku a nastavím mu opacity tak aby obrázek prosvítal. Dovoluje mi to vidět původní stránku a vše kódovat víceméně podle oka, dorovnat vše na fous a mít hromadu starostí z krku. HTML:
<div id="obal">
<!--
Obsah stránky
-->
<img src="url obrazku" id="prekryvaci">
</div>
CSS:
#obal {
position: relative;
overflow: hidden;
}
#prekryvaci {
position: absolute;
top: 0;
left: 0;
opacity: 0.2;
}
Po skončení práce se tyhle věci samozřejmě odmažou. |
||
| panther Profil |
#2 · Zasláno: 18. 1. 2010, 18:37:16
Lexter:
„No prostě potěš koště, zajímají je koniny.“ stává se často, že ti grafik udělá margin/padding jiný než zaokrouhlený na pětipixel? To se pak dá přesně říct i od oka, jestli to je 20 nebo 25px. Další, co mě napadá, je velikost fontu. Tu ti napíše přímo PS. A poslední, co mě napadlo, je velikost boxů. Tam je to jednoduché. Nevím, jestli to mám nějak nevědomky nastavené, ale kurzor se mi automaticky přichytává k vodícím linkám, takže změřit objekt zase tolik práce nedá. A přesnosti tolik třeba taky není - kurzor se tam vždycky nějak chytne, kolikrát i nechtěně. Potřebuješ měřit a porovnávat ještě jiné věci vyjma výše uvedených? Myslím, že ne. Pokud opravdu ne, přijde mi tvá „vychytávka“ zbytečná. Ale možná je to tím, že rád tvořím web z bílé stránky a ne na nějakém obrázku. |
||
| Lexter Profil |
#3 · Zasláno: 18. 1. 2010, 18:41:11 · Upravil/a: Lexter
panther
„stává se často, že ti grafik udělá margin/padding jiný než zaokrouhlený na pětipixel? To se pak dá přesně říct i od oka, jestli to je 20 nebo 25px.“ Stává se mi někdy, že grafik udělá zaokrouhlený padding/margin? „Další, co mě napadá, je velikost fontu. Tu ti napíše přímo PS.“ Tu neměřím, co vidím, to napíšu. „ale kurzor se mi automaticky přichytává k vodícím linkám“ Kdyby tam byli. „Potřebuješ měřit a porovnávat ještě jiné věci vyjma výše uvedených? Myslím, že ne.“ Ano, rozestupy boxů, vzdálenosti a další. Mě to práci šetří a celkem významě. Ale nemyslím, že by to vyhovovalo všem, to rozhodně ne :). |
||
| DoubleThink Profil * |
#4 · Zasláno: 18. 1. 2010, 18:59:38
Nevím, velikosti základních boxů jsou přesně dány rozřezáním grafiky a vše ostatní už dělám jen přibližně s citem vzhledem ke skutečné podobě stránky. Nesetkal jsem se s klientem, který by chtěl posun nějakého integrálního objektu jen o pár pixelů.
|
||
| Nox Profil |
#5 · Zasláno: 18. 1. 2010, 19:08:12 · Upravil/a: Nox
DoubleThink:
Buď rád ;) (já ano) Mě to přijde jako dobrý nápad...a s pomocí firebugu to půjde poupravovat rychle a jednodušše |
||
| tiso Profil |
#6 · Zasláno: 18. 1. 2010, 19:34:04
Lexter: používam inú metódu - obrázok grafického návrhu si dám ako background pre body a po nahodení rozmerov väčších častí layoutu dolaďujem pomocou neho detaily.
|
||
| Kcko Profil |
#7 · Zasláno: 18. 1. 2010, 20:40:11
Existuje jista pomucka do FF ( https://addons.mozilla.org/en-US/firefox/addon/7943 )
|
||
|
Časová prodleva: 14 let
|
|||
0