Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Narzędzie do znajdywania reguł :nth-child poprzez klikanie
trueblue
post 21.10.2019, 09:11:51
Post #1





Grupa: Zarejestrowani
Postów: 5 554
Pomógł: 1511
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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.


--------------------
Go to the top of the page
+Quote Post
Tomplus
post 21.10.2019, 14:07:35
Post #2





Grupa: Zarejestrowani
Postów: 1 492
Pomógł: 178
Dołączył: 20.03.2005
Skąd: Będzin

Ostrzeżenie: (0%)
-----


Nazwa po polsku brzmi dziwnie biggrin.gif

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.
Go to the top of the page
+Quote Post
trueblue
post 21.10.2019, 14:24:22
Post #3





Grupa: Zarejestrowani
Postów: 5 554
Pomógł: 1511
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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

Reset zapisuję na listę zmian. Nazwa pewnie zostanie smile.gif

Dziękuję.


--------------------
Go to the top of the page
+Quote Post
nospor
post 21.10.2019, 14:28:57
Post #4





Grupa: Moderatorzy
Postów: 34 783
Pomógł: 5785
Dołączył: 27.12.2004




Co jak co ale komentarze na stronie najlepsze biggrin.gif


--------------------

Najlepsze kawałki programistyczne || Dowcipy o informatykach || Forum PHP dla opornych
Klasy: Pager (stronicowanie) | Cache | ShoutBox (Chat) | Widok | Ładne url'e

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Pyton_000
post 21.10.2019, 15:11:15
Post #5





Grupa: Zarejestrowani
Postów: 7 821
Pomógł: 1375
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


O... Janina z Ełku się wypowiedziała biggrin.gif Chyba zweryfikuję prawdziwość biggrin.gif
Go to the top of the page
+Quote Post
nospor
post 21.10.2019, 15:16:10
Post #6





Grupa: Moderatorzy
Postów: 34 783
Pomógł: 5785
Dołączył: 27.12.2004




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


--------------------

Najlepsze kawałki programistyczne || Dowcipy o informatykach || Forum PHP dla opornych
Klasy: Pager (stronicowanie) | Cache | ShoutBox (Chat) | Widok | Ładne url'e

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Comandeer
post 24.10.2019, 23:43:58
Post #7





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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 wink.gif

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.


--------------------
Go to the top of the page
+Quote Post
trueblue
post 25.10.2019, 14:44:19
Post #8





Grupa: Zarejestrowani
Postów: 5 554
Pomógł: 1511
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Dziękuję za testy.

Cytat(Comandeer @ 25.10.2019, 00:43:58 ) *
Da się wygenerować regułę dla pierwszego elementu, ale już dla ostatniego nie bardzo – pewnie dlatego, że go nie ma wink.gif

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?

Cytat(Comandeer @ 25.10.2019, 00:43:58 ) *
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.

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


--------------------
Go to the top of the page
+Quote Post
Comandeer
post 26.10.2019, 15:26:39
Post #9





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Cytat
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?


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.

Cytat
Ta możliwość jest opisana w punkcie 4.


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


--------------------
Go to the top of the page
+Quote Post
trueblue
post 26.10.2019, 15:40:28
Post #10





Grupa: Zarejestrowani
Postów: 5 554
Pomógł: 1511
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Cytat(Comandeer @ 26.10.2019, 16: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.

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.

Cytat(Comandeer @ 26.10.2019, 16:26:39 ) *
Tam jest też opisane, co dokładnie jest na liście wyników. Raczej wyciągnąłbym opis obsługi klikania do oddzielnego punktu.

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

Ten post edytował trueblue 26.10.2019, 15:53:13


--------------------
Go to the top of the page
+Quote Post
Comandeer
post 26.10.2019, 22:09:06
Post #11





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
trueblue
post 28.10.2019, 18:44:42
Post #12





Grupa: Zarejestrowani
Postów: 5 554
Pomógł: 1511
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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!


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.11.2019 - 05:44