Sziasztok!
Most találtam egy nagyon hasznos programot amivel nagyságrendekkel megkönnyítik a munkát kezdő Drupal smink készítőknek :)
Címe: http://www.getfirebug.com/
Magyar nyelvű videó hozzá: http://rrd.1108.cc/firebug-10-percben-4/
Üdv.
KALMI
Fórum:
még nem használtad?
Ugye nem mondod, hogy még nem használtad?
Tanfolyamon az első dolog amit telepítünk ;)
pp
Palócz István
https://palocz.hu | https://tanarurkerem.hu
Nagyon fontos segédletek
Nem! Képzelheted mennyit szenvedtem :). Amugy szerintem nagyon fontos volna, akár egy cikk keretében összegyűjteni a legfontosabb dolgokat, amit egy fejlesztőnek érdemes használnia. Pl: bele kellene tenni talán a kézikönyvbe is (Lehet még a profik is tanulnának valamit). Ugyanis aki profi az tudja, de aki most kezdi az csak el el cseni a trüköket máshonnan! :)
KALMI
Firefox 4 core-ban már gyárilag
Mivel a nagyobb böngésző versenytársak (OP, GC) már kínálnak ún. fejlesztői eszközöket alapkiépítésben, ezért a Mozilla úgy döntött, beemeli a magba a PP által is hangsúlyozott népszerűségű add-ont. (Bár én még v4b10-ben nem találtam :)
(Firebug mellett a jó öreg Web Developer Toolbar és User Agent Switcher add-onokat (mindkettő Chris Pederick áldása :) is lehet, hasznosnak találod majd.)
link
Erről tudsz mutatni egy linket? :)
Választ szeretnél? - Új kérdés, új téma - Tesztoldal - Trollkezelés - Frissítés
téves dezinformáció :)
Bocs Nevergone, val'szeg igazad lehet. Szerintem az történhetett, hogy az új funkciók beharangozása során való lelkesültségemben a "Developer Tools"-t (ami a tökmás konzolokra vonatkozott) értettem Firebug-nak. Alább 2 linkek találtam most így hirtelen, amik Téged látszanak igazolni:
http://hacks.mozilla.org/2010/07/firefox-4-beta-1-is-here-whats-in-it-fo...
http://daviddahl.blogspot.com/2010/07/web-developer-console-in-firefox-4...
Legközelebb utánaolvasok inkább, mielőtt posztolok, az a biztos :)
Fejlesztői segédletek
Ha már itt tartunk, akkor fejlesztéshez pár (szerintem nélkülözhetetlen) Firefox kiegészítő:
"Kamu" szövegeket generál, amivel feltöltheted az oldaladat teszt céllal, ha nincs konkrét anyagod. Előnye, hogy nem kell annyi" asdasasdasd" szöveget begépelni ;)
A forráskódot tudod vele ellenőrizni. Megmutatja hol vannak hibás html elemek, mutatja a szabványtól eltérő dolgokat, stb.
Egy toolbar Firefox-hoz. Kikapcsolhatóak vele pl. a js-ek, css-ek, képek megjelenítése, meg még ezer másik dolgot tud.
Azt gondolom e három modul nélkül, rettentő nehéz lenne bonyolultabb oldalakat szépen, és főleg szabványosan elkészíteni. Mit nem adtam volna ezekért úgy 10 éve... :)
--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan
Köszönet :-)
Jobb később, mint soha... Ezeket a toolsokat én sem ismertem eddig, sajnos ...
_______
warp
Firebug IE-hez
Olyan kiegészítő lenne, ami képes lenne IE vel is működni?
Link
Volt már néhányszor ezen a fórumon is:
Internet Explorer Developer Toolbar
Üdv: Zoli
IE Toolbar
Ezzel lehet úgy szerkeszteni, mint a Firebugal? Ahogy elnéztem nagyon körlményes. Egyszerűbb, jobb esetleg van?
KALMI
megszokható
Megszokható, és egyelőre jobbat nem igazán találtam. Szerkeszteni úgyis a CSS fájlban kell.
Választ szeretnél? - Új kérdés, új téma - Tesztoldal - Trollkezelés - Frissítés
Igen igen, de sajnos nem
Igen igen, de sajnos nem látom azonnal, hogy mit csinálok :(
Internet Explorer Developer Toolbar
Sziasztok!
Szeretném megkérdezni, hogy IE-hez jelent-e meg már ennél frissebb vagy jobb (másabb) fejlesztő eszköz?
KALMI
google a barátod: firebug on ie
http://getfirebug.com/lite.html
-
clear: both;
ez ugy tudom csak javascript
ez ugy tudom csak javascript debugra jo.(legalabbis amikor utoljara hasznaltam akkor csak arra volt jo)
---
Tévedni mindenkinek szabad, csak a mérnöknek észre kell vennie.
És az a két fül?
Gondolom nem véletlen van ott a HTML és CSS fül.
Nagy Gusztáv
Ezzel két gondom van: 1.
Ezzel két gondom van:
1. minden biztonsági hülyeséget kikapcsoltam, de nem találtam meg, hogy mi a túró blokkolja a felugró ablakot :(.
2. A Firefoxal sikerül felugratni az ablakot (IE megjelenítéssel), de azt tapasztalom nem tudom átírni a böngészőben a beállításokat, mint a Firefox pluginjában.
Esetleg létezik valami olyan felület, ahol ezeket a finom hangolásokat el lehet végezni?
A grafikusok mit használnak erre a célra? Hogyan lehet, úgy beállítani a web oldalt, hogy ne kelljen utólagosan álligatni az oldalt?
KALMI
firebugger.com
Online használható Firebug Lite: http://firebugger.com
Azoknak hasznos, akik linux-wine mellett tesztelnék IE-ben a megjelenítést.
Fox Mulder
Kiegészítők még
Ami nekem nagyon bejött:
FoxReplace - a textarea-ban lehet vele szövegeket cserélni, akár reguláris kifejezéssel is. Aki nem használ WYSIWYG editort az oldalszerkesztéshez, annak sokat segíthet.
Arra érdemes figyelni, hogy sajnos nem csak az aktuális textarea-ban cserél, hanem minden szövegmezőben, de ez ritkán okoz gondot.
Aruna
Firefox add-on-ok
Már régebbóta szerettem volna egy cikket írni hasznos Firefox kiterjesztésekről, és amikor tegnapelőtt láttam itt ezt a topicot, el is határoztam, hogy megírom.
ITT elolvasható
Lehet, hogy a legtöbbet ismeritek, de a kezdőknek nagyon jól jöhet!
- - -
Juhász Márton
http://juhaszmarton.hu
Full HTML?
Én azért nem adnék még regisztrált felhasználóknak sem hozzáférést Full HTML-hez...
Írtam még hozzá párat :)
--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan
ide írok még
Ide írok még két hasznos Firefox kiterjesztést, amely adott helyzetben megkönnyítheti a fejlesztő dolgát:
Yet Another Window Resizer:
Hasznos, ha egy smink tesztelésekor adott méretűre szeretnénk méretezni a böngészőablakot, mintegy többféle képernyőfelbontás alatt tesztelve azt.
Screengrab!:
Ha mégis problémába ütközünk, ezzel a kiterjesztéssel képernyőfotót készíthetünk a honlapunkról külső program nélkül. Képes egy képben elmenteni a honlap képét akkor is, ha a tartalom fér el a böngészőablakban.
Választ szeretnél? - Új kérdés, új téma - Tesztoldal - Trollkezelés - Frissítés
Hűha,
Ez az ablakméret-módosítás egész hasznosnak tűnik.
Hasznos is
De egyébként, a Web Developer is tudja, csak az kicsivel többet is ennél...
- - -
Juhász Márton
http://juhaszmarton.hu
nem ismertem
én nem ismertem a firebugot, úgyhogy ezer hála és köszönet érte, sikerült is a segítségével az egyik sminket szépen átalakítani :-))
lett végülis lapja ennek?
említette valaki, hogy ennek jó lenne egy külön lap. (mármint hasznos ff kiterjesztések a fejlesztéshez) nem lett ilyen végülis igaz?
azért kérdezem, mert ez már erősen offba megy. :) namindegy.
senki nem írta eddig, igazából nem is egy nagy durranás, de nekem sokszor hasznos és szeretem:
ColorZilla - tulajdonképpen egy pipetta, néhány extrával.
nem pont fejlesztéshez, bár ki hogy nevezei:
SeoQuake - ezt-azt megmutat oldalakról toolbarban vagy akár organikus találati listákban.
(ha már itt tartunk, a mozilla.org nem drupal véletlenül?;)
-
clear: both;
Gondolom, a Mozillások
Gondolom, a Mozillások maguktól is le tudnak programozni egy weboldlat:D
Egyébként meg ha kicsit feljebb megnézed, van egy cikk a kiterjesztésekhez, csak nem a drupal.hu-n...
http://drupal.hu/node/3672#comment-13474
- - -
Juhász Márton
http://juhaszmarton.hu
Evidens
Lám csak, milyen hasznos dolog néha felemlegetni tök evidensnek tekintett dolgokat ;)
Fox Mulder
Firebug
Az igaz, hogy bele lehet szerkeszteni az oldalba, de - gondolom - csak a html végeredményt módosítja, nem a generáló php kódot, továbbá egy internetes szerveren lévő oldalt nem fog megváltoztatni, max. a saját gépemre lementhetem a módosított oldalt, mert ahhoz jogosultság kellene, azt meg nem lehet beállítani a Firebugban. (Még szerencse, hiszen így a világ összes oldalát "fel lehetne törni" bizonyos értelemben, pl. origo, mtv, otp, stb...
Egyébként próbáltam leírást találni a programról, de sajna nem találtam magyart, márpedig a fentieken kívül még azt sem sikerült fellelnem, hogy amikor kijelölök egy elemet, akkor hol mutatja, hogy pontosan melyik file generálta azt. Lehet, hogy azért nem találom a Firebug fejlécében, mert az is csak a html struktúrát mutatja és nem a php kódrészt?
Bocs, ha ez mindenkinek evidens, de ha már van ez a téma, akkor meg kellett kérdeznem, mert jó ideje bajlódok ezzel a programmal.
új kérdés új téma
Devel modult meg tedd fel és a theme developere nézd a csodát.
pp
(itt ezt abba kéne hagyni, mert ez egy tök más téma... lécciléccilécci)
Palócz István
https://palocz.hu | https://tanarurkerem.hu
Firebug = Firebug
Nem értem miért kellett volna új témát nyitnom.
Az indítótéma: Firebug.
Amit hozzászóltam: Firebug.
mert ez a szokas
uj kerdes, uj tema. a tema egy problemafelvetes, a hozzaszolasok pedig arra adott lehetseges megoldasok. hozzaszolasokban nem szoktunk uj problemakat felvetni, mert kovethetetlenne valna es nehez lenne megtalalni a konkret megoldasokat konkret kerdesekre.
tulajdonkeppen feltettel egy uj kerdest: olyan eszkozt keresel, mint amilyen a firebug cssre, csak php fuggvenyekre.
-
clear: both;
Pixel Perfext
Tuti stuff sitebuild munkákhoz: http://www.pixelperfectplugin.com/
A képernyőre layerként felhelyezi a weboldalt ábrázoló jpg-t, és látod, hol vagy esetleg elcsúszva az eredetihez képest.