Drukowana wersja tematu

Napisany przez: trueblue 21.10.2019, 09:11:51

Witajcie,

wrzucam link do Generatora Dzieci: https://nthchild.kawalekkodu.pl/
Jest to narzędzie umożliwiające znajdywanie CSS-owych reguł :nth-child, :nth-last-child, :first-child, :last-child poprzez wyklikanie ich na elementach. Czyli w przeciwieństwie do istniejących narzędzi do znajdywania takich reguł, nie trzeba nawet szukać odpowiednich parametrów i sprawdzać czy zostały wyselekcjonowane oczekiwane elementy.

Jest to pierwsza wersja, więc z chęcią wysłucham opinii, sugestii, uwag.

Napisany przez: Tomplus 21.10.2019, 14:07:35

Nazwa po polsku brzmi dziwnie

Powiem szczerze że jest bardzo użyteczne narzędzie. Sądzę że skorzystam z niego wiele razy.
Na tą chwilę jedynej rzeczy jakiej mi brakuje to resetu, oczyszczenie zaznaczonych pól.

Napisany przez: trueblue 21.10.2019, 14:24:22

Ooo, fajnie!
I fajnie, że Ci się chciało potestować.

Reset zapisuję na listę zmian. Nazwa pewnie zostanie

Dziękuję.

Napisany przez: nospor 21.10.2019, 14:28:57

Co jak co ale komentarze na stronie najlepsze

Napisany przez: Pyton_000 21.10.2019, 15:11:15

O... Janina z Ełku się wypowiedziała Chyba zweryfikuję prawdziwość

Napisany przez: nospor 21.10.2019, 15:16:10

@Pyton ja wiedzialem ze Elk za duzy nie jest, ale zeby tam tylko jedna Janina mieszkala....

Napisany przez: Comandeer 24.10.2019, 23:43:58

Jak się odznaczy wszystkie elementy i chce wygenerować wyniki, to przyciemnia całą stronę.

Da się wygenerować regułę dla pierwszego elementu, ale już dla ostatniego nie bardzo – pewnie dlatego, że go nie ma

Fajnie byłoby też poprawić nieco nawigację klawiaturą, bo co prawda wszystkie elementy interaktywne są "klikalne" przy pomocy spacji/entera, ale za to nie widać, gdzie znajduje się focus.

Jeśli chodzi o listę wyników, to jakoś zaznaczyłbym, że można sobie włączyć kolorki, klikając na regułę. Tę funkcję odkryłem przez zupełny przypadek. No i poprawiłbym nieco same kolory, bo czerwony i pomarańczowy dla mnie są de facto nierozróżnialne.

Napisany przez: trueblue 25.10.2019, 14:44:19

Dziękuję za testy.

Założenie jest takie, że ciąg elementów jest nieskończony, ale przy odwróceniu kolejności ostatni staje się klikalny. Miałeś na myśli ostatni element w przypadku kolejności rosnącej, którego właśnie nie ma, czy coś innego?


Ta możliwość jest opisana w punkcie 4. Rozwinę ją.

Napisany przez: Comandeer 26.10.2019, 15:26:39

Wgl go nie ma. Po odwróceniu sortowania pierwszy jest element "...", który dalej nie jest klikalny. Natomiast element "20" generuje :nth-last-child(20), co nie jest właściwą regułką dla ostatniego elementu.



Tam jest też opisane, co dokładnie jest na liście wyników. Raczej wyciągnąłbym opis obsługi klikania do oddzielnego punktu.

Napisany przez: trueblue 26.10.2019, 15:40:28

Koniec zaczyna się z prawej, od jedynki. W tym przypadku nie mamy więc początku.
Klikając na 1 otrzymujesz oczekiwaną regułę. Na 20-stce też jest prawidłowa - jest on 20-stym elementem od końca.
Nie widzę tu nieprawidłowego zachowania.


No właśnie, a na liście wyników są te elementy klikalne. Ale tak jak pisałem, zmienię.

Napisany przez: Comandeer 26.10.2019, 22:09:06

Heh, epic fail Fakt, po odwróceniu odwróci się też koniec…

Napisany przez: trueblue 28.10.2019, 18:44:42

Jest kolejna wersja.
Posiada możliwość wyczyszczenia zaznaczonych elementów oraz wyniku, przycisk szukania nie jest dostępny przy braku jakiegokolwiek zaznaczonego elementu, a punkt 4 został rozbity na 2 odrębne.

Zapraszam do użytkowania!