Narzędzia do szybszego, lepszego tworzenia stron internetowych [zamknięty]

Przez lata większość programistów internetowych zbuduje arsenał narzędzi lub "narzędzi handlu". Niedawno odkryłem rsync i jestem zaskoczony, jak udało mi się bez niego żyć przez te wszystkie lata. Jakie narzędzia uważasz za najbardziej przekonujące? Proszę trzymać się tych, których używasz regularnie i przysięgać. Mogą to być również frameworki, platformy, Edytory i cokolwiek innego, co uważasz, że twórcy stron internetowych powinni używać (jquery, joomla, xdebug, vi, notepad++ itp.).

Zacznę off with a couple:

  1. rsync - synchronizacja "jednym kliknięciem" z serwerami na żywo lub odwrotnie
  2. mysqldump - używany obok rsync do synchronizacji baz danych
  3. test styles bookmarklet - Live css editor bookmarklet, który bije piekło z cyklu 'edytuj > Zapisz > przeładuj', umożliwiając edycję NA ŻYWO.
  4. javascript shell - okno powłoki javascript dołączone do Okna
  5. firebug - zaawansowany javascript / css / dom debugger
  6. php-shell - używam go regularnie do szybkiego testowania instrukcji, funkcji, klas lub skryptów
  7. CSS-Discuss Wiki - zdziwiłbym się, gdybyś nie mógł znaleźć rozwiązania swojego problemu z CSS na tej wiki (w takim przypadku powinieneś go dodać)
  8. Font Matrix - pomaga mi wybrać stosy czcionek
  9. PHPMyAdmin - jestem pewien, że każdy używa tego do zarządzania bazami danych MySQL, ale pomyślałem, że dodam go do listy na dobre miara

Mimo że wyróżniłem narzędzia w środowisku lampy, możesz wspomnieć o narzędziach, których używasz w swoim środowisku.

 76
html
Author: aleemb, 2009-01-05
Source

30 answers

Rozwój stosu LAMP

(skupiłem się na lampie, ponieważ tego używam do tworzenia stron internetowych)

 33
Author: Eran Galperin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 00:51:55

Wtyczki do Firefoksa do rozwoju

ColorZilla

To okazało się bardzo przydatne dla mnie. Możesz rzucać okiem na dowolny kolor (ja tu piszę z moją natywną pisownią) na dowolnej stronie, a także na chrome, jeśli jesteś skłonny!

Web Developer Toolbar

Linijka jest bardzo przydatna! Nie wspominając o wszystkim innym:)

 13
Author: alex,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-06 03:14:07

VirtualBox sprawia, że rozwój jest dość łatwy, ponieważ możesz mieć maszynę wirtualną jako "serwer" i przeglądać strony z głównego systemu operacyjnego. Jest to szczególnie ważne, jeśli system operacyjny, na który kierujesz, nie jest tym, dla którego rozwijasz.

 11
Author: Jason Baker,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 01:26:58
 7
Author: CMS,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 00:39:25

Oto niektóre z moich podstawowych rzeczy:

OS X:

Windows:

Cross-Platform:

Również tu jest zapis, który zrobiłem jakiś czas temu: Essentials of a Web-developer ' s toolbox

 7
Author: thetacom,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 00:44:30

Cash (aby zapłacić komuś innemu, aby to zrobił).

Edit: pytanie wyraźnie mówi:

Proszę trzymać się tych, których używasz na regularnie i przysięgać. Mogą również być frameworkami, platformami, edytorami i cokolwiek innego myślisz, że web programiści powinni używać

Jest to bardzo rozsądny punkt do outsourcingu części lub całości tworzenia stron internetowych.

 7
Author: Ali Afshar,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 01:54:19

Jeśli znajdziesz rsync helful, jestem pewien, że znajdziesz unison jeszcze bardziej!

 6
Author: hasen,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 01:07:03

Tylko kilka dodatków / zamienników do doskonałej listy Galperina:

 5
Author: Vadim Ferderer,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 02:04:18

Johnny Cache - zapobiega buforowaniu w Firefoksie dla niektórych adresów URL (w przeciwnym razie Firefox czasami buforuje CSS i javascript)

 4
Author: Bill Zeller,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 00:08:08

Moja lista

  • IDE: Visual Studio / Netbeans (plik zip!, prawie Przenośny)

  • Editor: notepad++ (portable) with monaco font

  • Porównanie plików: winmerge (portable)

  • Source Control: subversion, tortoise

  • Kontrola biletów: redmine

  • Menedżer plików: free commander (portable)

  • Przeglądarka internetowa: IE, FF (portable), chrome (portable), iron (chrom bez Google, także portable), qtweb, arora,

  • Wtyczki FF: firebug, web developer, xmarks

  • Imclient: pidgin

  • Klient poczty: gmail

  • Download manager: free download manager (portable)

  • Strony: STACKOVERFLOW!!!, gotapi... i google, cały czas...

  • Miscellaneous: launchy (can ' t live without it!)

  • Wirtualizacja: virtual box( mam obraz maszyny dla każdego środowisko)

  • Office: openoffice (portable)

  • Stos Lamp: xammp (portable!)

  • Użycie dysku: windirstat (portable), scanner (portable)

  • Przeglądarka plików Pdf: foxit (portable), sumatrapdf (portable)

  • Uncompressor: 7-zip portable

  • M$ narzędzie do porównywania sql: SQL delta

  • M$ SQL management: visual studio SQL manager

  • MySql

  • Zarządzanie MySql: phpmyadmin, manager z mysql

  • Narzędzie Uninstaller: revo unistaller (portable)

  • Registry cleaner: ccleaner (portable)

  • FTP: filezilla (portable)

Jak zapewne zauważyliście, mam szczególne upodobanie do aplikacji przenośnych...

 4
Author: opensas,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-12-18 05:21:03

Jeśli chcesz użyć dowolnej odmiany VIM jako wybranego edytora, jednym z doskonałych dodatków jest CSS color preview, który "podkłada szesnastkowe kody kolorów CSS z ich rzeczywistym kolorem."

 3
Author: reshen,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 01:08:51

JQuery

Ostatnio zacząłem go używać i jest więc łatwy w użyciu! Wszystko staje się dwa razy łatwiejsze do zakodowania! Przynajmniej!

Nie mogę tego wystarczająco podkreślić. Takiej wszechstronnej biblioteki nie można przegapić, nawet przez ludzi takich jak ja, którzy ogólnie patrzą z góry na używanie cudzego kodu.

 3
Author: stalepretzel,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 04:06:57

Nie zwracaj na mnie uwagi, Jestem tu tylko po to, aby rozpowszechniać informacje o moim ulubionym edytorze / regex debugger / grepper suite. :-)

  • EditPad Pro (IMO, najlepszy cholerny edytor tekstu jaki istnieje)
  • RegexBuddy (jedyny prawdziwy debugger regex znalazłem)
  • PowerGREP (nigdy więcej nie używaj Windows Search)

Żadne z nich nie są darmowe, ale są sanely licencjonowane i wszystkie z nich obsługują przenośną instalację (dobre dla dysku USB na Twoim brelok). Najlepszy ze wszystkich, autor jest użytkownikiem SO.

 3
Author: Ben Blank,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 11:53:39

E-edytor tekstu, sprzedawany jako "moc TextMate w systemie Windows". Uważam, że jest idealny do kodowania HTML i CSS. Jest bardzo lekki i zawiera kilka świetnych funkcji, które z pewnością zwiększają produktywność. Inne narzędzia, z których regularnie korzystam, to:

 2
Author: Ronnie,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 02:09:25

CakePHP-MVC framework for php

CakePHP jest frameworkiem szybkiego rozwoju PHP, który zapewnia rozszerzalną architekturę do tworzenia, utrzymywania i wdrażania aplikacji. Wykorzystując powszechnie znane wzorce projektowe, takie jak MVC i ORM w ramach konwencji nad paradygmatem konfiguracji, CakePHP zmniejsza koszty rozwoju i pomaga programistom pisać mniej kodu.

Kończy wiele prac związanych z CRUD i ma tak wiele innych funkcji, które zmniejszają pracę, którą musimy zrób.

Http://cakephp.org/

 2
Author: HyperCas,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 04:40:10

Dodatek do innych wymienionych tutaj narzędzi często znajduję wielką pomoc w odpowiednim debugowaniu proxy- Fiddler (Darmowy, tylko Windows) i Charles (komercyjny, wieloplatformowy) są świetnymi.

Robiąc front-end development, dużo czasu poświęca się zastanawianiu się, dlaczego IE źle się zachowuje (esp. IE6). Niektóre świetne narzędzia do tego są:

  • Internet Explorer Developer Toolbar
  • towarzysz.JS - jest to aplikacja towarzysząca dla Microsoft Debugger skryptu, który daje rzeczywiście pomocne Komunikaty o błędach Javascript w IE.
  • XRay - jest to bookmarklet do sprawdzania układu HTML. Może to wydawać się banalne, ale może być naprawdę pomocne w debugowaniu układu w IE6
 2
Author: Kristian J.,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-06 12:51:55

Niedawno odkryłem XRefresh , który automatycznie przeładowuje pliki lokalne (URL pliku://), gdy tylko zapiszesz zmiany. Jest to absolutnie świetne, gdy jesteś na początkowych etapach projektu i dokonujesz częstych aktualizacji statycznych plików HTML, CSS i JavaScript w lokalnym katalogu projektu.

 2
Author: Ates Goral,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-12 18:02:22

Klienty http linii poleceń, takie jak lynx, wget i curl, są bardzo przydatne, przynajmniej jeśli twój styl programowania jest zorientowany na Narzędzia wiersza poleceń i tekstu. Dziwię się, że jeszcze o nich nie wspomniano.

  • na przykład, aby przesłać dane postu do adresu url i wydrukować nagłówki odpowiedzi i wyjście html: echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app
  • szybki do wykonania (uparrow, return), gdy pojawi się w historii powłoki, mniejsze ryzyko przerwania przepływu lub rozproszenia niż przełączenie na przeglądarka.
  • Skryptowalny, modyfikowalny, powtarzalny. Możesz poprzedzić go skryptem, aby umieścić bazę danych w znanym stanie początkowym, możesz grepować nagłówki odpowiedzi lub wyjście html dla konkretnej rzeczy, którą jesteś zainteresowany, i podążać za nim z zapytaniem bazy danych wiersza poleceń, aby dowiedzieć się, czy stan końcowy jest wymagany.
 2
Author: ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-27 23:20:15
 2
Author: moi_meme,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-02-11 05:08:13

Jeśli jesteś programistą windows, musisz rzucić okiem na te narzędzia:

 2
Author: dmarucco,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-11-16 13:58:01
  • IDEs: PHPStorm, PyCharm (refaktoring!!!)
  • VIRT: colinux na win32
  • GIT + sh

  • KiTTY + WinSCP

  • Webinspector

  • firebug + addys
  • xpathbuddy (tbr)
  • rhino (CLI)
  • envjs
  • phpsh

  • Xdebug + kcachegrind

  • ZF

  • gruszka
  • jQuery
  • narzędzia do zamykania
 2
Author: JessyNinja,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-12-18 05:12:44

Rozwój to coś więcej niż tylko kodowanie. Jest wychwytywanie wymagań, analiza, projektowanie, kontrola jakości. Oto wprowadzenie do różnych faz Rozwoju Oprogramowania. Kilka lat temu opublikowałem ten artykuł na Top OSS dla programistów, ale nadal jest on dla mnie istotny. Ta lista zawiera narzędzia OSS, które są dla mnie bardzo pomocne we wszystkich fazach tworzenia oprogramowania, a nie tylko w fazie kodowania.

 1
Author: Glenn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 01:40:24

Będąc facetem z Windowsem, który musiał zaprogramować aplikację Cake php dla jednego z moich klientów, SFTPDrive było dla mnie bardzo pomocne. Moja maszyna wirtualna jest CentOS Linux distrib i pracuję nad nią w większości z mojego środowiska Windows (z pewnymi wyjątkami oczywiście).

 1
Author: matt_dev,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 04:03:20

Używam głównie Google :-)

Mówiąc poważnie, świetnym dodatkiem do Firefoksa jest TamperData - daje możliwość zmiany nagłówków i danych każdego złożonego żądania.
The Paint.NET image editor pomaga mi na co dzień i polecam go dla Twoich podstawowych potrzeb edycji obrazu.

 1
Author: Dror,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 07:40:08
 1
Author: kal,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 09:20:50

Skrzypek

ViewState Helper

TopStyle Lite

IE Developer Toolbar

FireBug

 1
Author: etsuba,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-06 15:18:31

NetBeans lub jeśli jesteś facetem od konsoli, emacs

 1
Author: Jon Romero,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-07 08:37:49

Niektóre dodatki do Firefoksa, które uznałem za bardzo przydatne:

  • Live HTTP Headers - bardzo przydatne aby sprawdzić żądanie / odpowiedź HTTP nagłówki.

  • MeasureIt - narzędzie do pomiaru rzeczy w przeglądarce.

 1
Author: Fionn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-12 17:58:57

Okno windows na synergii. Budowanie w IE pierwszy i następnie tweaking dla Firefox / Safari przyniósł moje wsparcie IE na równi.

 0
Author: too much php,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 00:28:21

Ostatnio zacząłem używać HttpWatch i uznałem, że jest świetny. Pozwala to sprawdzić cały ruch HTTP aplikacji internetowej. Jaki jest rozmiar twojej odpowiedzi AJAX? Czy przeglądarka załadowała gif z pamięci podręcznej? Czy Twoja strona wysyła jakieś prośby, o których nie wiedziałeś? To tylko niektóre z pytań, na które HttpWatch może Ci pomóc.

 0
Author: ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-05 03:56:59