Snippety do htmla? Nieeee. Zobaczcie Zen Coding. W skrócie działa to tak. Wpisuję w edytorze CSSową składnią:
div#content>h1+p
Wciskam jakąś kombinację klawiszy i dostaję:
<div id="content"> <h1></h1> <p></p> </div>
Sprytne, nie? :) Ale to jeszcze mało. Spróbujcie tego:
div#top>h1>a[title=Do strony głównej]{Moja strona}<ul#menu>li.pos$*3>a
<div id="top"> <h1> <a href="" title="Do strony głównej">Moja strona</a> </h1> <ul id="menu"> <li class="pos1"> <a href=""></a> </li> <li class="pos2"> <a href=""></a> </li> <li class="pos3"> <a href=""></a> </li> </ul> </div>
Chyba nie muszę mówić jak bardzo taka pomoc przyspiesza pracę. Napisanie z palca kodu z drugiego przykładu zajęłoby mi przypuszczalnie więcej niż 2 minuty. Gdybym użył snippetów (do których przy HTMLu nie mogę się przyzwyczaić) może skróciłbym ten czas dwukrotnie. Zaś używając wynalazku Zen Coding całość naklepałem w 20s (i to nie mając wprawy). Tak więc gorąco polecam.
Gdyby ktoś szukał wtyczki do VIMa, to powstał plugin, którego twórca zainspirował się Zen Codingiem.
nooooo - fajna sprawa. znalazlem juz odpowiedni plugin do emacs :D
Sprawa może i piękna jest, lecz trzeba zdać sobie sprawę z faktu, że pisanie HTML'a to tylko niewielki ułamek czasu spędzonego nad projektem. W praktyce plugin przyspieszy w porywach... tworzeniu menu. Reszta kodu, to w większości pojedyncze elementy z tagami PHP w środku. Jest ich niewiele.
Zysk czasowy z zastosowania tej wtyczki jest na tyle mały, że warto się zastanawiać, czy nie dłużej oswaja się z jej obsługą =)
@Oleq: w ogole moze warto sie zastanwowic czy jakiekolwiek procedury oszczedzania czasu sie przydadza bo trzeba sobie zadac trud "wdrozenia"... Ja jestem zwolennikiem ze kazda rzecz ktora chc troche przyspieszy tworzenie kodu jest warta czasu poswieconego na jej wdrozenie. Snippety do tworzenia kodu + wlasnie takie cudo do htmla. Jeszcze proponowalbym zapoznac sie z projektem sass - przyspieszajacym tworzenie i edycje cssow ;)
@Oleq: Na pewno celna uwaga. Ale upraszczasz za dużo rzeczy.
Sam jeden nie piszesz całego projektu (a przynajmniej b.rzadko). Dla osoby kodującej PHP wtyczka rzecz jasna mało przydatna. Weźmy jednak kodera html+css. Tutaj wycinek procentowy pracy jakim jest pisanie htmla jest znacznie większy i dla mnie (nie jestem super wprawny w klepaniu na klawiaturze i popełniam trochę błędów) naprawdę spory. Dodatkowo do cssa mam snippety, więc ich pisanie idzie mi błyskawicznie. I tak podsumowując wszystko okazuje się, że dla mnie prywatnie pisanie htmla jest męczące i zabiera często zauważalną ilość czasu.
@occulkot: Obejrzę sobie tego sassa. Kiedyś już coś takiego widziałem, ale nie wiem czy to to samo. Wtedy wydawało się być genialne (i nawet gdzieś używaliśmy tego), ale jakoś przeminęła ekscytacja i zapomniałem o tym :D
@occulkot: Co do SASS - tak, to to samo co kiedyś. Coś mi już nazwa HAML mówi. No i też w rubym napisane.
@Reinmar: to jest pisane przez kolesi od hamla (swoja droga tez calkiem ciekawy projekt - nawet widzialem gdzies porty do php i pythona ;)).
Napisane jest owszem w ruby - ale na szczescie nie wymaga dzialaacego ruby na serwerze - kompilujesz szablon do wynikowego pliku css i dopiero ten wrzucasz na serwer. Ot - takie duze ulatwienie dla developerow.
@occulkot: Już mi się przypomniało jak to działało :). To mnie właśnie urzekło, że nie przekombinowali i kompiluje się to samemu.
A jak rozwiązałeś problem tego, że po zmianie czegokolwiek w .sass musisz to przepuścić przez skrypt żeby móc obejrzeć w przeglądarce? Jakieś automatyczne kompilowanie podpięte pod zapisywanie pliku .sass?
@Reinmar: akurat cssy edytuje niezwykle rzadko - wiec robie to recznie ;) - aczkolwiek na upartego mozna by dorzucic w emacs mode-hook i autoatyczne przetworzenie takiego pliku na wynikowy css. Musze kiedys nad tym pomyslec ;)
Gorzej jak po przyzwyczajeniu się do takich ułatwień przyjdzie nam zasiąść na stanowisku bez Zen Coding i bez możliwości jego instalacji :]
To już abstrakcja ;). Firma która by mi ograniczała do zera możliwość wyboru środowiska odpadła by w przedbiegach.
Boli mnie to, że nie ma pluginu dla Notepada++. Chyba, że polecicie coś lepszego (nie, vim odpada i nie będę tłumaczył dlaczego).
U mnie i tak haml nadal rulez - nie lubię klepać "dziubków", ani tym bardziej zamykać tagów, dlatego wcięcia są dla mnie o niebo wygodniejsze.
Poza tym kiedy będzie można używać opcji haml + coś na wzór mustache http://github.com/defunkt/mustache/ to już w ogóle będzie super ;-)
@Ravicious: jeśli chodzi o PHP, to spróbuj Blitz, http://alexeyrybak.com/blitz/blitz_en.html
@Oleq, jeśli piszesz widoki w PHP, to niestety nie przyda Ci się Zen Coding. Ja stosuję widoki OPT, które są w XML-u - więc dostaję realne przyśpieszenie w pisaniu widoków. Biorąc pod uwagę fakt, że samo OPT jest już realnym przyśpieszeniem w pisaniu widoków, zyskuję dwukrotnie. :)