Ocena Code-Tabów

0

Na stronie z dokumentacją zrobiłem sobie code taby - tzn jest wersja kodu dokumentowana (ta z biblioteki), a w drugim tabie jest wersja w vanilla PHP, gdyby ktoś chciał lepiej zrozumieć jakiś kod.

Example 1 oraz Example 2.

Czytelne, nie czytelne? Lepiej gdyby taby były po prawej, po lewej, na dole? mniejsze, mniej rzucające się w oczy? Proszę o opinie :)

3

Jak dla mnie za mało jest to wyróżnione. Jakbyś nie napisał, że tam są jakieś taby, to nie wiem, czy bym je tak szybko zauważył.
Moje sugestie (oczywiście nie musisz wszystkich uwzględniać, w sumie to z żadnej nie musisz skorzystać ;) )

  • przeniesienie ich na lewa stronę
  • otoczenie napisów jakąś ramką
  • danie im tła w innym kolorze, przez co będą się bardziej wyróżniać.

Poza tym, o ile sens ma możliwość skopiowania do schowka treści przykładu, nie czaję, po co jest taka sama możliwość przy kodzie wynikowym. Po co ktoś ma kopiować sobie 'I was born 19 years ago'? Raczej do niczego się to nie przyda (zwłaszcza, że przykład jest tylko do odczytu, więc nie jestem w stanie wprowadzić w nim żadnych zmian, przez co tekst wynikowy mógłby być dla mnie jakkolwiek przydatny), a jedynie wprowadza zamieszanie/może być mylące.

1

Według mnie jest to czytelne rozwiązanie. Jednym miejscem, w którym ewentualnie mógłbyś pokazać domyślnie rozwiązanie w czystym PHP jest zakładka Why would I use T-Regx?.

1

Mnie się wydaje, podobnie jak @cerrato, że jest to mało widoczne. Jak ktoś będzie czegoś na szybko szukać (nie czytając głównego tekstu), to może nie znaleźć.

By poprawić widoczność, pasek z zakładkami można rozciągnąć na całą szerokość tekstu i dać mu ramkę dać ramkę aktywnej zakładce. Jednak osobiście wolałbym w ogóle bez zakładek i albo zawsze jeden panel pod drugim, albo responsywnie – na mniejszych ekranach jeden panel pod drugim, a na większych obok siebie.

0
cerrato napisał(a):

Jak dla mnie za mało jest to wyróżnione. Jakbyś nie napisał, że tam są jakieś taby, to nie wiem, czy bym je tak szybko zauważył.
Moje sugestie (oczywiście nie musisz wszystkich uwzględniać, w sumie to z żadnej nie musisz skorzystać ;) )

  • przeniesienie ich na lewa stronę

Zrobię dzisiaj :D

  • otoczenie napisów jakąś ramką
  • danie im tła w innym kolorze, przez co będą się bardziej wyróżniać.

Pokażesz jakiś pomysł?

Poza tym, o ile sens ma możliwość skopiowania do schowka treści przykładu, nie czaję, po co jest taka sama możliwość przy kodzie wynikowym. Po co ktoś ma kopiować sobie 'I was born 19 years ago'? Raczej do niczego się to nie przyda (zwłaszcza, że przykład jest tylko do odczytu, więc nie jestem w stanie wprowadzić w nim żadnych zmian, przez co tekst wynikowy mógłby być dla mnie jakkolwiek przydatny), a jedynie wprowadza zamieszanie/może być mylące.

Ty faktycznie :| Wywalę dzisiaj

0
Silv napisał(a):

Jednak osobiście wolałbym w ogóle bez zakładek i albo zawsze jeden panel pod drugim, albo responsywnie – na mniejszych ekranach jeden panel pod drugim, a na większych obok siebie.

No nie, za dużo szumu na raz. Taby muszą być.

Niemniej, podoba mi się pomysł z tabami rozciągniętymi na całą szerokość. Spróbuję :D

1

Tylko pamiętaj, żeby przesunąć zakładki na lewą stronę. W naszym języku (w sumie to w większości cywilizowanych także) czytamy od lewej do prawej. Pobieżnie rzucając okiem na stronę zauważa się linię - separator, można łatwo przeoczyć, że na jej prawym końcu coś jest doklejone.

0

Tylko dlaczego PHP?
Jest tyle ładniejszych języków, a ty się pchasz w 2019 w taki archaizm.
Nie wiem czy widziałeś: http://phpsadness.com
Ja bym to przepisał.

0
czysteskarpety napisał(a):

Tylko dlaczego PHP?
Jest tyle ładniejszych języków, a ty się pchasz w 2019 w taki archaizm.
Nie wiem czy widziałeś: http://phpsadness.com
Ja bym to przepisał.

Inne języki mają spoko regexpy. Tylko php ma kulawe.

1

Ładne, proste, nie razi po oczach – prostych rzeczy nie ma sensu komplikować.

1

@cerrato: @furious programming Poprawiłem taby według sugestii, teraz jest okej? Example

1

Jest w porządku, choć ich istnienie po prawej stronie mi nie przeszkadzało.

Natomiast zastanowiłbym się nad zmieną kolorystyki linków na tych ostrzegawczych, żółtych banerach. Obecnie dość brzydko wyglądają seledynowe linki na beżowym tle – przynajmniej mi to nie pasuje. Skusiłbym się na redefiniowanie tych kolorów na potrzeby bannerów i wybrałbym coś w odcieniach brązu – nie tylko dla linków, ale też dla samego tekstu.

0
furious programming napisał(a):

Natomiast zastanowiłbym się nad zmianą kolorystyki linków na tych ostrzegawczych, żółtych banerach. Obecnie dość brzydko wyglądają seledynowe linki na beżowym tle – przynajmniej mi to nie pasuje.

Poprawiłem, zobacz teraz: Example

Skusiłbym się na redefiniowanie tych kolorów na potrzeby bannerów i wybrałbym coś w odcieniach brązu – nie tylko dla linków, ale też dla samego tekstu.

To musiałbyś mu podać kolorki żebym ustawił, bo nie wiem o jakie Ci chodzi :c

2

Jak dla mnie to jest OK. Jeszcze w sumie tylko do jednej rzeczy mogę się doczepić - po zmianie koloru tła, Napis Copy jest bardzo słabo widoczny. Przynajmniej u mnie.

screenshot-20190710234718.png

1

Potwierdzam, Copy słabo widoczne.

0
cerrato napisał(a):

Jak dla mnie to jest OK. Jeszcze w sumie tylko do jednej rzeczy mogę się doczepić - po zmianie koloru tła, Napis Copy jest bardzo słabo widoczny. Przynajmniej u mnie.

screenshot-20190710234718.png

no ale ono miało nie być widoczne, miało być dla tych którzy wiedzą że chcą skopiować.

2

W sumie ta sama uwaga odnośnie czytelności (a właściwie jej braku) dotyczy także szukajki. Wprawdzie to lekkie odbicie od głównego tematu wątku, ale zaryzykuję i o tym wspomnę, może mnie nie zastrzelicie ;)

screenshot-20190711000149.png

0

@furious programming: Nie wiem czy miałeś okazję zerknąć na to jak to teraz wygląda, po poprawkach?

0

IMO dobrze jest – mi pasuje.

1 użytkowników online, w tym zalogowanych: 0, gości: 1