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.
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
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
suko
Wpis został usunięty przez autora
Togo
1
Togo
0
All in one
już podlinkowany, możesz klikaćsuko
Wpis został usunięty przez autora