Programy dla webmastera

W codziennej pracy webmastera jakość obsługi kluczowych programów ma bardzo duże znaczenie. Oczywiście – możemy pisać kod w zwykłym notatniku, a grafikę tworzyć w MsPaitcie, w praktyce jednak kilka dobrych programów może nie raz uratować nam życie, a zwłaszcza przyśpieszyć proces kodowania.

W poniższym artykule postaram się przybliżyć wam kilka z programów, które uważam za warte uwagi.

Edytor kodu:

PhpStorm, Sublime Text 2
Osobiście zaliczam te programy do czołówki, dlatego skupię się tutaj na nich.

PhpStorm to mistrzowski edytor kodu. Po odpowiedniej konfiguracji ciężko jest znaleźć lepszy program od niego. Wspaniałe auto-uzupełnianie, „rozumienie” kodu, szybkie tworzenie całych wzorów kodu, podpowiadanie ścieżek, właściwości, live templates itp. Można by wymieniać godzinami.
Szczególnie warto zapoznać się z live templates, które odpowiednio skonfigurowane bardzo przyśpieszają pracę.


Sublime Text 2 to już nie tak wielka kobyła jak powyższy program, ale i tak można się w nim zakochać od pierwszego użycia. Ma pełno fajnych pluginów, super operacje na kodzie (np równoczesne pisanie w kilku miejscach) i wiele bardzo ciekawych opcji. Więcej na jego temat możecie się dowiedzieć na jednym z kolejnych moich wpisów. Bardzo często ludzie jako edytor kodu wymieniają Notepad++, ale Sublime Text 2 zjada go na śniadanie nie zostawiając nawet okruszków!
Załączam dwa linki do stron, na których zobaczycie co ten czarodziej potrafi:

http://net.tutsplus.com/tutorials/tools-and-tips/essential-sublime-text-2-plugins-and-extensions/
http://www.kingluddite.com/st2/sublime-text-2-kick-start (tutaj na dole są dodatkowe filmy, na których widać praktyczne zastosowania tego programu).

Pozostałe obowiązkowe programy dla web-majstra

Instant Eyedropper – pobieranie koloru z pulpitu. Niestety ta super wygodna aplikacja nie działa na wielu monitorach. Jeżeli używasz kilku monitorów, wtedy musisz wybrać inny program – np http://www.dobreprogramy.pl/FastStone-Capture,Program,Windows,11960.html, który umożliwia podpięcie pobierania koloru pod dowolny klawisz
http://wearekiss.com/simples – automatyczny kompilator do CSS Less
http://spritepad.wearekiss.com/ – generator spritów dla CSS
http://www.colorzilla.com/gradient-editor/ – generator Gradientów
http://nerdi.net/ – zestaw narzędzi online dla webmasterów
http://www.xiles.net/nexusfont/ – przeglądanie / zarządzanie czcionkami
http://www.xnview.com/ – przeglądarka grafik
http://my-debugbar.com/wiki/IETester/HomePage – IETester – testowanie IE
DropBox – kto o nim nie słyszał :) Darmowe miejsce do przechowywania swoich rzeczy w internecie
http://scr.hu/ i http://wrzuc.se – szybkie udostępnianie screenów innym osobom.
http://psydk.org/PngOptimizer.php – do optymalizacji png/gif
http://Axure.com – program do tworzenia makiet stron i programów
http://livejs.com/ – odświeża stylowanie strony (bez jej przeładowania) w momencie gdy zapisujemy kod w naszym edytorze
http://markup.io/ – zaznaczanie rzeczy na stronie i udostępnianie tego innym
http://dochub.io/#css/ – dokumentacje języków
http://jqapi.com/ – chyba najlepsza dokumentacja do jquery

Komentarze

  • piotrek

    Dzięki za wpis, o niektórych narzędziach wymienionych tutaj jeszcze nie słyszałem ;)

    ps. może warto dodać, że Sublime Text nie jest w pełni darmowy ?

    • kartofelek007

      Tak. Ten program jest płatny. Na szczęście cena nie jest jakaś zabójcza, a można trochę przetestować bo autorzy nie wyłączają programu po czasie a pokazują tylko zachęcające info co jakiś czas (coś na wzór total commandera)

      • PhpStorm jest również płatny dla celów komercyjnych – cena dosyć zaporowa bo 94€, niemniej łatwo trafić na obniżki cen. Tak jak miało to miejsce przed kilkoma dniami – 75% obniżki, więc szło już dostać za przyzwoitą kwotę ok. 115zł. Co do ww. edytorów należy pamiętać dwa bardzo istotne fakty: PhpStorm to IDE zamknięte na PHP i na próżno tu szukać wsparcia dla np. Pythona, co mnie strasznie boli i trochę żałuję, że nie wydałem ciut więcej grosza na intelliJ, w którym wszystko można załatwić pluginami; zaś Sublime to zwykły edytor tekstowy – mega szybki i przyjemny w użyciu (multiline select rządzi) .

  • Dzięki za spis. Nie wszystkie narzędzia znałem :) Trzeba potestować co niektóre…