FireBug-gal hogyan segíthető a CSS fejlesztés?
A kapcsolódó híradásokból az derült ki számomra, hogy a FireBug elsősorban a JavaScript fejlesztésben kihagyhatatlan segédeszköz.
Engem viszont az érdekelene, hogy miként lehet használni CSS-sel (és esetleg HTML-lel) kapcsolatos feladatokhoz. Tud-e pl. többet, mást (ezen a területen!) mint mondjuk a Web Developer? Ha igen, hogyan?
Egy ideje ismerkedem a FireBug-gal, de nem tudok rájönni a használat (ideális) módjára. Odáig rendben van, hogy jelzi hány hiba van az oldalon, de előfordul, hogy a konzolt megnyitva csak a hibákat sorolja fel, azt nem jelzi, hogy melyik sorban vannak a jelelzett hibák, vagy melyik elmre hivatkozik a hibás stílusutasítás.
Nem boldogulok az inspector használatával sem: látom, hogy ha az oldal felett mozgatom az egeret, jelzi az egyes részekhez tartozó stílusutasításokat a "style" és a "layout" fülön, viszont nem tudom, itt jelezné-e a hibákat. Olvastam, hogy a billentyűzet nyilaival is lehet lépkedni elemről elemre - nekem ez sem jön össze, pl. "beragadok" a head részbe és nincs tovább. Azt sem tudom, mitől függ hogy hány fület (source, style, layout, dom) látok alul.
Próbáltam információt keresni, de a szerző oldalán illetve a google találataiban csak a JS funkciókról esik részletesebben szó.
Segítenétek eligazodni?
Köszönettel:
Hajas Tamás
■ Engem viszont az érdekelene, hogy miként lehet használni CSS-sel (és esetleg HTML-lel) kapcsolatos feladatokhoz. Tud-e pl. többet, mást (ezen a területen!) mint mondjuk a Web Developer? Ha igen, hogyan?
Egy ideje ismerkedem a FireBug-gal, de nem tudok rájönni a használat (ideális) módjára. Odáig rendben van, hogy jelzi hány hiba van az oldalon, de előfordul, hogy a konzolt megnyitva csak a hibákat sorolja fel, azt nem jelzi, hogy melyik sorban vannak a jelelzett hibák, vagy melyik elmre hivatkozik a hibás stílusutasítás.
Nem boldogulok az inspector használatával sem: látom, hogy ha az oldal felett mozgatom az egeret, jelzi az egyes részekhez tartozó stílusutasításokat a "style" és a "layout" fülön, viszont nem tudom, itt jelezné-e a hibákat. Olvastam, hogy a billentyűzet nyilaival is lehet lépkedni elemről elemre - nekem ez sem jön össze, pl. "beragadok" a head részbe és nincs tovább. Azt sem tudom, mitől függ hogy hány fület (source, style, layout, dom) látok alul.
Próbáltam információt keresni, de a szerző oldalán illetve a google találataiban csak a JS funkciókról esik részletesebben szó.
Segítenétek eligazodni?
Köszönettel:
Hajas Tamás
CSS
Ajax-os fejlesztésnél
Például elszörfölsz a velvet celebhatározójába, és ott az Értékelje! nevű cuccon értékelsz az OK gombbal. Pl.: http://velvet.hu/celeb/hcdb/adatlap/gorog_zita
Vagy egyszerűen megnyitod a www.penzcentrum.hu oldalt, ahol a szavazás működését lehet látni.
Gyulus
Nem erre gondoltam!
(A Validátort ismerem, a WDT-t szeretem, az Ajax-hoz meg nem értek...)
Köszönettel:
Hajas Tamás
Másra van!
Csak úgy mellesleg kínálja a CSS-t?
De akkor sem nagyon boldogulok a kezelésével...
Nem pontos
Ok, mellékesen lehet CSS-t is nézni vele
CSS-sel kapcsolatban az említett: "melyik elemre milyen stílus szabályok vonatkoznak" választ a következő módon lehet kideríteni:
Ilyesmire gondoltam!
Üdvözlettel:
Hajas Tamás
Javítom magam: jó CSS-re is
FireBug 0.4
Error in parsing value for property 'font-weight'. Declaration dropped: section.css (line 595)
Kattintható is a hibaüzenet, a link pedig egyből a kérdéses sorra visz, eltérő színnel pedig jelzi a hibát.
De nem mindig...
Csak mondom, kicsit macerás eligazodni a kezelőfelületen. Jó lenne vmi leírás...
HT
CSS
firebug css
getfirebug oldal
én hoztam elő