http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/Wpisy z dziennika internetowego Jogger, wspomaganego przez JabberaSun, 20 May 2012 21:30:14 +0200JoggerPLhttp://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014311Wersja druga z js jest bardziej przejrzysta, ponieważ komentarze zostały wydzielone i odpowiednio ostylowane, nie zlewa się wszystko ze sobą – to jest plus. Jednak stosując taką metodę (z js) zmusza się czytelnika do wykonywania określonych akcji podczas czytania – mi to troszkę przeszkadza, więc zaliczam to na minus. Ja najbardziej wolałbym rozwiązanie takie: wygląd taki jak w przykładzie drugim (rozdzielenie kodu od komentarzy), jednak z wszystkimi widocznymi krokami (widoczne wszystkie razem kolejno po sobie – czyli normalnie rozwinięte). Myślę, że dla wielu osób nowa forma prezentacji kodu będzie przydatna. Dla osób wybrednych takich jak ja, proponuje opcję ‘pokazuj kod standardowo’ z zapamiętaniem ustawienia – to powinno załatwić sprawę ;) Sun, 25 Nov 2007 23:47:06 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014311http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014331@Adriano – dzięki za ten komentarz – już wiem, że opcja przełączania trybów z zapisem w cookies będzie niezbędna ;) Co do wyglądu – rozważałem już możliwość by zamiast elementu code w znaczniku pre wstawić przed nim jakiś element z komentarzem, a skrypt by go w wypadku listingu „krok po kroku” umieszczał w odpowiednim bloku, a w pozostałych wypadkach listing byłby podobny do dawnej postaci – tekst-kod-tekst-kod etc. ;) W każdym razie koncepcja jest do dopracowania, co przewidywałem od razu ;) Sun, 25 Nov 2007 23:54:03 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014331http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014470Jak dla mnie wersja JS jest trochę mało wygodna. Nie mogę obejrzeć całego kodu, co mi nieco przeszkadza. Popieram pomysł z opcją – pokaż kod standardowo. Mon, 26 Nov 2007 13:40:11 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014470http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014474Dodatkowo możesz dodać kolorowanie składni (JS dla joggera). Kiedyś używałem dpSyntaxHighlighter, ale ostatnio natknąłem się na prettify :) Mon, 26 Nov 2007 13:49:28 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014474http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014647@Jony – no wersja standard/js już z pewnością będzie w moim ToDo dla tego skryptu ;) @coldpeer – szczerze mówiąc ten skrypt trochę zajmuje, poza tym wykonuje z pewnością sporo operacji więc nie wiem czy byłoby to korzystne no chyba, że dodałbym opcję kolorowania kodu i wtedy dołączać moduł z kolorowaniem, jeżeli user włączył taką opcję ;) Mon, 26 Nov 2007 17:31:48 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014647http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014650Tu masz wersję nieco zoptymalizowaną [by night :)] (...) – 16K. Mon, 26 Nov 2007 17:35:21 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014650http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014653@coldpeer – ja bym najpierw zaczął od wywalenia tego co mi się na pewno nie przyda (słowa kluczowe języków innych niż JS ;) IMHO do 8kB się spokojnie z tym da zejść, tylko musiałbym z tym posiedzieć ;] )... Mon, 26 Nov 2007 17:37:41 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014653http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014654(oczywiście w ostatniej linijce zamień xprettyPrint(); na prettyPrint(); ;) A rozmiar oryginalnego pliku wynosi 40K… //edited: jak zejdziesz poniżej tych 16 kB, to daj znać ;) [tylko powiedz, jakie słowa wyciąłeś, ale znając życie te != JS, a ja właśnie chcę == JS ;-P]. Tak czy siak myślę, że góra co do 13-14 zejdziesz ;) Mon, 26 Nov 2007 17:38:37 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014654http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014656@coldpeer – wiesz plik Core.js w Moo 1.2 z komentarzami zajmuje 17kB, a bez nich ~6kB ;) Ale tak jak mówię do 8kB IMHO spokojnie da radę zejść tylko trzeba wywalić to co zbędne ;) JS to język w którym wiele rzeczy da się niesamowicie skrócić tylko trzeba nieraz pokombinować ;) Mon, 26 Nov 2007 17:40:47 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014656http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014663No to czekam :) Jeśli jakieś optymalizacje różne od wycinania słów kluczowych, to chętnie skorzystam :) Mon, 26 Nov 2007 17:43:04 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014663http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014670@coldpeer – wiesz nie wiem czy prędzej nie napiszę własnej klasy do kolorowania kodu JS :D Bo w sumie mi tylko JS potrzebny ;) Póki co skupię się na listingu kodu, żeby działał lepiej niż obecnie i miał więcej opcji :) Mon, 26 Nov 2007 17:46:55 +0100http://blog.dziudek.pl/2007/11/25/koncept-listing-kodu-krok-po-kroku/#c1014670