Dzień dobry!

Dzisiejszy dzień zaczynam od aktualizacji #lurkerdesign czyli mojego repozytorium do Stylusa poprawiającego UI/UX na Lurkerze.

Osoby nie w temacie zachęcam do zapoznania się z poprzednim wpisem.

Co nowego?
1. Zmieniłem style belki edytora, tak by przyciski nie były oderwane od samego pola tekstowego.
2. Pole tekstowe edytora może od teraz być skalowane jedynie w pionie.
3. Dodałem tooltipy na tych przyciskach - Zapisz jako szkic oraz Pomoc w edytorze wpisów, oraz Czarnolistuj domenę w kontenerach z wstawionymi linkami do wpisu.
4. Zmieniłem ikonę przycisku Zapisz jako szkic, gdyż sam na początku nawet nie wiedziałem do czego służy... Wiadro z farbą sugerowało mi, że coś mogę sobie pokolorować
5. Kontenery z linkami we wpisach są od teraz mniejsze (pokazują sam tytuł jak i przycisk do czarnolistowania domeny), ale rozwijają się po najechaniu kursorem.
6. Wyłączyłem preloader - dla niektórych osób może być denerwujący
7. Zmieniłem ikonę przycisku czarnolistującego domenę - jak klikam [X], to w pierwszej kolejności myślę o tym, że po prostu zniknie mi ładny podgląd linku, dlatego nastąpiła podmiana na kłódkę.

Może macie jakieś sugestie dotyczące dalszych poprawek UI/UX? Zainspirowałem się kilkoma pomysłami z tagu #zglospomysl, który będę regularnie przeglądał, więc zachęcam do pisania własnych pod tym właśnie tagiem.

Nie wiesz co to Stylus i skąd go wziąć? Wszystkie informacje znajdziesz tutaj

Linki do szybkiej instalacji (po ich kliknięciu powinien wywołać się Stylus):
All in one - Wszystkie style jako jeden plik.
[NEW]
Linki - zmiana boxów z linkami, na takie, które zejmują mniej miejsca. Nie trzeba nie wiadomo ile scrollować posta, żeby dostać się do komentarzy, jak linków w nim jest całkiem sporo.
[NEW]
Wyłączenie preloadera - Nazwa mówi sama za siebie, preloader jest po prostu nie widoczny.
Tło - Delikatny wzór w tle strony.
Edytor - Poprawki dotyczące edytora (na razie sam rozmiar ikon)
Filtry - Lekko przestylowana belka z filtrami, jak również poprawiony przycisk zmieniający widok.
Ikony powiadomień - Kolorowe, animowane ikony dzwonka i koperty w chwili otrzymania nowego powiadomienia/wiadomości.
Tooltipy - Błyskawiczne i rzucające się w oczy podpowiedzi pod przyciskami filtrów i belki górnego menu.

Dzisiaj nie ma filmu, więc musicie zerknąć na zmiany sami. Pamiętajcie, że w każdej chwili te style możecie wyłączyć, gdyby coś wam mocno namieszało.

Zapraszam do testów i proszę o opinie
#lurker #design #css #stylus

16

Wpis został usunięty przez autora

@suko, Zbiorczy jest, dzięki że zwróciłeś na to uwagę, bo widzę, że go pominąłem Już edytuję posta. Na szybko możesz go zainstalować z linku z poprzedniego wpisu. W poprzednim wpisie zamieściłem nagranie (z poprzedniej wersji), na razie nie mam czasu na przygotowanie nagrania nowych zmian, ale myślę, że później to ogarnę Mam zamiar zrobić jakąś czytelną dokumentację ze zrzutami, ale na to też potrzebuję czasu, a pracować trzeba
@suko, Styl All in one już podlinkowany, możesz klikać

Wpis został usunięty przez autora