Dobiatowski John

Kanban - organize your and your team work

2012-01-12T13:38:00.001+01:00

Lately I went at 4Developers conference in Warsaw.
One of the most interesting talk was about Kanban provided by Paweł Brodziński.
I want to show you my white board - before and after Kanban "implementation" :)

Kanban - improvements when you don't look for them

View more presentations from Pawel Brodzinski

My white board - beginning of redesign, pretty mess huh?

One by one rewriting tasks from white board to yellow stickers. and I had opportunity to clean up this dirty board. Can you see the difference?

Kanban table is ready - everything went perfect. In my table you can find this columns: ideas, bugs, priorities, testing, and done. From now I started my work powered by Kanban.

After few hours - you can clearly see what changed

There is a lot of on-line tools too if you don't like or don't have white board:

Loading CSS and JS async in jQuery - Code snippet

2011-07-03T16:08:00.000+02:00

Cast variable to enable autocomplete in NetBeans

2011-06-03T13:34:00.001+02:00

Hello, this post is for my own reminder - I bet that in a week I forgot it ;)
I hope someone will find it helpfull too.

One of the most importand tool in any IDE is autocomplete.
You don't need to look in documentation to find method what you are exactly looking for. With autocomplete its extremely faster - well we all knew that.

But the problem in NetBeans comes when you get variable from some method and this variable starts to represent object. Like in this example:

$doc = new DOMDocument();
$doc->loadHTMLFile("examplePage.html");
$form = $doc->getElementsById("myform");
$attr = $form->

So now you want do the magic with new DOMElement object inside $form variable.
You type $form->, hit Ctrl+Space... and NetBeans says 'No suggestions' - what a pity.

Sometimes I use VisualStudio IDE for C# projects and in this situations VS works with no problem. Just using bracket's casting like in this pseudocode:

$attr = (DOMElement)$form->getAttribute("action");

But how to do it in NetBeans? Here is the answer:

$doc = new DOMDocument();
$doc->loadHTMLFile("examplePage.html");

/* @var $form DOMElement */

$form = $doc->getElementsById("myform");
$attr = $form->getAttribute("action");

As you can see we need to add comment line where we define the variable and its type. After that Ctrl+Space combination gives us very nice list of methods. Little odd solution for me but its better than nothing ;) Now my work gets pleasant again.

jQuery Treeview: Preopened child-node is invisible/hidden

2011-04-06T13:14:00.004+02:00

jQuery Treeview is very nice lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.

When I started using Treeview I found problem with pre-opening child nodes. While first level nodes are pre-opening just fine, the chidren of parent nodes do not shows up.

The problem is in prepareBranches function, where script hides all nodes which don't have 'open' class.
Yes, as you probably suspect it hides also parents of node which has this 'open' class.

Here is the Treeview plugin official page: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
And here you find some nifty samples: http://jquery.bassistance.de/treeview/demo/

I made little modification of the function and problem is solved. And also, by coincidence it solved another problem whith wrong icon of pre-opened nodes.

Today I posted issue on Treeview's github about this.

Replication of issue:

<script src='jquery.treeview.js' type='text/javascript'></script>
<link rel='stylesheet' href='jquery.treeview.css' />

<script type='text/javascript'>
    $(function() {
        $('#treeContainer').treeview({
            collapsed: true,
            unique: true,
        });
    });
</script>
<ul id='treeContainer' class='filetree'>
    <li><span class='folder'>GrandParent</span>
        <ul>
            <li><span class='folder'>Parent</span>
                <ul>
                    <li class='open'><span class='folder'>Pre-opened</span>
                        <ul>
                            <li><span class='folder'>Pre-opened child 1</span></li>
                            <li><span class='folder'>Pre-opened child 2</span></li>
                        </ul>
                    </li>
                    <li><span class='folder'>Pre-opened sibling</span></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

In above situation the "Pre-opened" folder should be expanded, but it's not. Solution for me is modification of prepareBranches function:

prepareBranches: function(settings) {
    if (!settings.prerendered) {
        // mark last tree items
        this.filter(":last-child:not(ul)").addClass(CLASSES.last);
        // collapse whole tree, or only those marked as closed, anyway except those marked as open
        this.filter((settings.collapsed ? "" : "." + CLASSES.closed) + ":not(." + CLASSES.open + ")").find(">ul").hide();
        this.filter("." + CLASSES.open).parents().find(">ul").show();
    }
    // return all items with sublists
    return this.filter(":has(>ul)");
},

Only change here is to add this line of code:

this.filter("." + CLASSES.open).parents().find(">ul").show();

This finds all parents of Pre-opened folder and simply unhide them. My solution by coincidence solves also bug described in this issue https://github.com/jzaefferer/jquery-treeview/issues/2

Please comment if you'll find it usefull ;)

jQuery Impromptu: How catch form data on submit using enter key event

2011-04-06T11:53:00.002+02:00

Just quick post about jQuery Impromptu Extension which I made.

I'm using jQuery Impromptu as my popup/dialog/propmt tool and it's great.

But I run into huge problem with proper form submiting on enter key event.

Enter key event handling inside forms opened via the prompt are missing in jQuery Impromptu 3.1. So, after enter key hit, you could pass form data to submit function instead of page reload.

I had a situation where I had login and registration form on one prompt, and imagine what a problem was when you input your user name and pass, hit enter and...... and nothing happen.

My extension solve this problem. Read more about jQuery Impromptu Extension

Bug in jQuery 1.4.2 toggle() function

2010-08-05T11:57:00.002+02:00

jQuery toggle() function don't affect elements hidden by thier parent object.

Background of the problem

In latest project i have build classical order form with fields divided into two groups:

payment user data
postal user data

Very often postal data are the same like payment so like every other page do i made button "Postal same as payment data". I used jQuery toggle() function to toggle unnecessary inputs. But the problem came when I crossed this functionality with "user or company" option which was toggling some of the company related fields.

Whats happen

Company inputs was on payment side and postal side of form. And if "Postal same as payment data" option was selected company inputs in postal side was invisible because its parent object was hidden. In this situation when I changed "user or company" option from company to user and then turned off "Postal same as payment data" option. It should show hidden postal form and hide all company inputs. But it wasn't.
Company inputs on visible payment side was hidden but on postal side they had still display:inline style set.

toggle() function didn't hit objects inside its hidden parents.

In the link below I posted code for testing, which show that .toggle() doesn't work for objects inside hidden parents.

http://jsfiddle.net/kXctQ/

in this example A & B should toggle together, but when you click 'toggle span' button once, then 'toggle div' once and again 'toggle span' you will see, that B object is still visible

Solution

Instead toggle() I created this function and it workout:

<script type='text/javascript'>
 function toggleCompanyFields() {
  if ($('.companyFields').css('display')=='none')
   $('.companyFields').show();
  else
   $('.companyFields').hide();
 }
</script>

This bug was posted on tracker and I hope that jQuery team will fix it soon. Dobiatowski!

Fun staff with Amazon URL

2010-06-14T02:03:00.000+02:00

Just want to share with my discover...

when i was reading article about URL at knowledge center i found an example of Amazon URL.

what a nice advantage they did... check those URLs:

http://www.amazon.com/Avatar-Two-Disc-Blu-ray-DVD-Combo/dp/B002VPE1B6/ref=pd_ts_zgc_d_16295751_1_i?ie=UTF8&s=dvd&pf_rd_p=1244297022&pf_rd_s=right-4&pf_rd_t=101&pf_rd_i=193640011&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=0F0NCYHK8871YX8XWSFM

after cutoff all unnecessary stuff we can start play:

http://www.amazon.com/whatever/dp/B002VPE1B6/whatever

http://www.amazon.com/LOVES-eBAY/dp/B002VPE1B6/but-eBAY-dont-care

http://www.amazon.com/dobiatowski-great-deal/dp/B002VPE1B6/

Lets promote some funny URL by back-linking to it. :-)) who is interested?

P.S.
Myślę, że wszyscy zrozumieli co i jak. Więc powtórzę tylko:
Może by tak wypromować jakiś śmieszny adres, ktoś zainteresowany?

Caffeine w końcu uruchomione!

2010-06-09T12:37:00.000+02:00

Google poinformowało, że Caffeine, nowy silnik wyszukiwarki, jest gotowy. Dostarcza o 50% świeższych wyników wyszukiwania niż ostatni indeks. A co z działaniami SEO?

W sierpniu ubiegłego roku pojawiły się pierwsze informacje na temat Caffeine. Ideą przyświecającą programistom Google było przyspieszenie wyszukiwarki, zwiększenie przydatności wyników i ich wszechstronności. W grudniu system wydawał się gotowy, ale nie został wprowadzony. Google ogłosiła właśnie, że system Caffeine został ukończony. przekonuje, że udało im się osiągnąć swój cel: wyniki wyszukiwania mają być tak dokładnie jak nigdy wcześniej. Stary silnik wyszukiwarki składał się z szeregu warstw, a jedne były aktualizowane częściej niż drugie. Caffeine natomiast analizuje sieć w małych porcjach i aktualizuje wyniki wyszukiwania nieprzerwanie i globalnie. Po odnalezieniu nowych stron, czy nowych informacji na już istniejących stronach, mogą być one dodane wprost do indeksu. A to ma oznaczać jeszcze świeższe informacje w wynikach. Google podzieliło się również kilkoma statystykami dotyczącymi Caffeine. Wiemy na przykład, że w każdej sekundzie analizowane są równolegle setki tysięcy stron, a sam system wykorzystuje blisko 100 mln gigabajtów przestrzeni w jednej bazie danych, dodając każdego dnia informacje na poziomie setek tysięcy gigabajtów. Google nie poinformowało czy Caffeine pojawi się u wszystkich w jednym czasie i kiedy to się stanie, czy raczej zmiany będą wprowadzane stopniowo. Firma zapowiedziała tylko, że w ciągu najbliższych tygodni będzie miała więcej do powiedzenia w tym temacie.

Można zapytać na koniec: a co z SEO, które wyrosło na bardzo poważną gałąź e-biznesu? Choć z oficjalnymi analizami poczekać trzeba będzie do pełnego startu Caffeine, to już teraz można powiedzieć, że zamieszanie będzie spore, bowiem nowy system bierze pod uwagę nieco inne kryteria i miejsca w wynikach wyszukiwania mogą się znacząco różnić od tych dostępnych dziś.

Źródło: http://gospodarka.gazeta.pl/gospodarka/1,60488,7991319,Google__silnik_Caffeine_gotowy.html

Kupony promocyjne do konta AdWords

2010-02-26T01:04:00.000+01:00

Hej

Dzisiaj znalazłem w internecie taki oto wpis na blogu:

http://hillelstoler.com/2010/01/03/free-google-adwords-promotional-code-coupons-2010/

Autor utrzymuje, że po umieszczeniu linka do jego bloga odeśle w zamian kupon promocyjny o wartości 200NIS - czyli około $50.

Po przeczytaniu komentarzy i informacji, że linki mogą zawierać rel='nofollow', dałem się przekonać. Dam znać jak tylko dostanę od niego odpowiedź.

Czy jestem naiwny? :)

Aktualizacja (2 dni później)

Przeczucie mnie nie myliło, właśnie zasiliłem moje konto kwotą 156zł.
Nasz blogger, który rozdaje kupony odpisał do mnie po niecałych 24 godzinach. Niestety pierwsze podejście się nie powiodło. Przy próbie użycia kuponu, AdWords odpowiedziało, że został on już zrealizowany. Pomyślałem sobie: "HA, NAIWNIAK". Wysłałem jednak info o tym do pana Hillera, od którego dostałem pierwszy kupon. Po kolejnych kilku godzinach miałem już nowy numer. Tym razem wszystko zadziałało tak jak powinno.

NIS (Israeli New shekel) to waluta pochodząca prosto z Izraela, a jej obecny kurs w stosunku do Euro to 5,16, stąd po przewalutowaniu powstała właśnie kwota 156zł.

BING opublikował nowe wskazówki dla webmasterów

2010-02-12T07:52:00.000+01:00

Na blogu Webmaster Center Binga pojawiła się informacja o zaktualizowanej wersji wskazówek dla webmasterów. Dla mnie osobiście jest to pierwszy kontakt z tym dokumentem. Również Google udostępnia taki "przewodnik". Myślę, że większość z nas (webmasterów) już się z nim zapoznała. Poniżej możecie ściągnąć oba PDFy: BING Webmaster Center FAQ Google Search Engine Optimization - dostępne także po polsku

Hejka!

2010-01-19T20:26:00.000+01:00

Na początek powiem tylko cześć! ;) A co będzie dalej to się okaże.