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