Lurker.land - tag #design

1. Usunąłem style poprawiające ikony powiadomień, gdyż wujek @Thanos zaimplmentował moje rozwiązanie na produkcji
2. Poprawiłem lekko wygląd paginacji, żeby nie trzeba było klikać w cyferki z lupą w ręku.

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] Paginacja - Zmieniony wygląd paginacji, na taką bardziej user-friendly.
Komentarze - Lekko zmienione boxy komentarzy.
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.
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.
Tooltipy - Błyskawiczne i rzucające się w oczy podpowiedzi pod przyciskami filtrów i belki górnego menu.

#lurker #design #css #stylus

Zobacz: https://lurker.land/post/-RzQ7aqSV

Data dodania: 2/5/2021, 3:11:46 AM

Autor: sleeve

Ciekawe rozwiązania meblowe, które pomagają oszczędzić trochę miejsca.

https://youtu.be/eciWVGw5Yfs

https://youtu.be/VR84-Aa1JVY

https://youtu.be/dAa6bOWB8qY

https://youtu.be/u5RvDg8uFv0

#sleevecontent #sleevecontent #ciekawostki #meble #design

Zobacz: https://lurker.land/post/pDYnYG_Ei

Data dodania: 2/2/2021, 9:04:38 AM

Autor: togo

Szybka aktualizacja #lurkerdesign

1. Poprawiłem ikony "Widoku" na pasku filtrów, na takie, które bardziej pasują do pozostałych. Jednocześnie dodałem im jednolity efekt po najechaniu kursorem, by nie różniły się wzorem od reszty.
2. Zmieniłem layout komentarzy, na taki, który tak bardzo nie rozstrzeliwuje ich układu. Standardowy w mojej ocenie ma niepotrzebnie duże marginesy i paddingi.
3. Przycisk ładujący kolejne komentarze jest teraz podpisany i lepiej widoczny.
4. Zaktualizowałem domenę, aby style wyświetlały się poprawnie.

Od jakiegoś czasu miałem to już gotowe, ale brakowało chwili, by wrzucić. Dzięki @Veritas_Orbis_90 za info o tym, że style przestały działać po zmianie domeny

Jak znajdę więcej czasu, postaram się zrobić jakieś zestawienie różnic moich styli do lurka, żebyście mieli pogląd na to, co warto według was zainstalować

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] Komentarze - Lekko zmienione boxy komentarzy.
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.
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.

#lurker #design #css #stylus

Zobacz: https://lurker.land/post/00NMHm0Ny

Data dodania: 1/23/2021, 8:46:19 PM

Autor: wgs

Mleko Milgrad
#jedzenie #design #koty #positive #rosja

Zobacz: https://lurker.land/post/iXy_QMQzB

Data dodania: 1/15/2021, 9:25:55 AM

Autor: togo

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

Zobacz: https://lurker.land/post/HqrIiYCC8

Data dodania: 1/14/2021, 6:13:57 PM

Autor: togo

Postanowiłem założyć autorski tag #lurkerdesign na którym będę wrzucał wszystkie aktualizacje i nowości dotyczące moich postępów podczas stylowania Lurkera w stylusie. I tak oto powstaje dla was pierwszy wpis ze wszystkimi szczegółami dotyczącymi tego co zrobiłem i jak możecie korzystać z moich styli

Co do tej pory zrobiłem:
1. Dodałem tooltipy pokazujące się pod przyciskami na górnej belce menu, oraz pod filtrami, tak żeby użytkownik otrzymywał natychmiastowy feedback nt. przycisku, który ma zamiar kliknąć. Standardowy atrybut title jest upierdliwy, ale jak widać się przydał.
2. Zachowując zgodność między tooltipami, a ikonami powiadomień (dzwonek i koperta) na górnej belce (jedno z drugim się gryzło), dokonałem zmian, które bardziej w mojej ocenie przykuwają uwagę i informują o oczekującej wiadomości lub powiadomieniu.
3. Poprawiłem widoczność przycisków na belce filtrów tak, żeby były bardziej wyraźne.
4. Zmieniłem zachowanie przycisku zmieniającego układ wpisów (Widok klasyczny, pełny i zwinięty) tak, by bardziej odwzorowywał aktywny układ.
5. Poprawiłem widoczność przycisków na belce edytora (wpisy, komentarze).
6. Dodałem delikatne tło na stronie, żeby nie wyglądało tak monotonnie. W mojej ocenie efekt nie jest bardzo agresywny, a wręcz urozmaica otoczenie

Starałem się, żeby zmiany były kompatybilne z wszystkimi motywami, więc w niektórych miejscach mogą występować drobne różnice w kolorach.

Jeżeli ktoś zechce skorzystać z moich poprawek, a nie wie jak, już wyjaśniam.
W pierwszej kolejności należy zainstalować dodatek Stylus do swojej przeglądarki:
Chrome
Firefox
Opera

Po instalacji dodatku, wystarczy, że klikniecie w jeden z linków poniżej. Dodatek powinien sam załapać, że otwarty link jest przeznaczony "dla niego" i zapytać, czy chcemy zainstalować styl.
Polecam zaznaczyć opcję automatycznych aktualizacji, przydzadzą się w przypadku wprowadzanych w przyszłości poprawek
Instalujemy styl i to wszystko, jak wyskoczyło okienko ze Stylusa, można śmiało je zamknąć.

Jeżeli macie jakieś sugestie odnośnie poprawek UI/UX, które powinienem rozważyć, jestem otwarty na propozycje. Chętni mogą również zrobić forka mojego repo i wprowadzać swoje zmiany

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.

Uwaga!
Jeżeli zainstalujecie same tooltipy, będą się wam działy dziwne rzeczy z ikonami powiadomień. Jest to spowodowane tym, że w stylusie korzystam z tego samego pseudoselektora :before co standardowo pojawiająca się w tamtych miejscach kropka, dlatego jak ktoś zechce wybrać same tooltipy, zalecam jednocześnie doinstalować ikony powiadomień

Link do repo jest tutaj
Zboczenie zawodowe każe mi wszystko pisać po angielsku, więc zrozumcie

@Thanos Gdyby te kosmetyczne zmiany Ci się spodobały, korzystaj do woli Na pewno mam nadzieję, że spodobają się społeczności Lurkera
@dodajkomentarz Ty również będziesz pewnie zainsteresowany

Na koniec szybki rzut okiem na omawiane zmiany
https://streamable.com/a6eqnh

#lurker #design #css #stylus

Zobacz: https://lurker.land/post/_s1biKANm

Data dodania: 1/6/2021, 8:41:22 PM

Autor: d4rk_r4ven

Dziś postanowiłem podzielić się z Wami moim TOP3 ikon na Androida.
Wszystkie ikony da się wyrwać w promocji za 3-4 zł więc warto poczekać, nie jestem zwolennikiem ściągania piratów, bo jednak ktoś się nad nimi napracował i na bieżąco są aktualizowane.

Więc tak, miejsce nr 3.

Oxigen McLaren - Icon Pack

Miejsce nr 2.

Flight - Flat Minimalist Icons (Pro Version)

Oraz moje ulubione, które dziś już pokazywałem, miejsce nr 1.

Dark Pixel Professional - Icon Pack

Dziękuję za uwagę

Pokaż spoilerLinki:
Nr 3: https://play.google.com/store/apps/details?id=com.cris87.oxygen_mclaren
Nr 2: https://play.google.com/store/apps/details?id=com.natewren.flight
Nr 1: %https://play.google.com/store/apps/details?id=com.cris87.pixel_professional_dark&hl=en_US&gl=US>

[](https://play.google.com/store/apps/details?id=com.cris87.pixel_professional_dark&hl=en_US&gl=US</span)

[](https://play.google.com/store/apps/details?id=com.cris87.pixel_professional_dark</span)#android #ikony #design #technologicznyraven

Projektant supersamochodów omawia design aut w Cyberpunk 2077

Zobacz: https://lurker.land/post/Y-y-nAoyf

Data dodania: 12/30/2020, 9:14:04 PM

Autor: tavistockprowse

Frank Stephenson to marokańsko-amerykański projektant samochodów powszechnie znany ze swojej pracy projektowej w BMW, Mini, Ferrari, Maserati, Fiat, Lancia, Alfa Romeo i McLaren. Magazyn Motor Trend nazwał go „jednym z najbardziej wpływowych projektantów motoryzacyjnych naszych czasów”.

https://youtu.be/ODhaO1pyKjw

#motoryzacja #design #cyberpunk2077

Zobacz: https://lurker.land/post/A8rcxtTD5

Data dodania: 12/19/2020, 8:07:19 PM

Autor: verum

Jakoś brzydziej to wygląda.

Obrazek z tła jest już totalnie zbędny. Nie dość że przycięty to jeszcze profilowe go zasłania.

#totylkoopinia #design

Zobacz: https://lurker.land/post/8T3Gqlg0a

Data dodania: 11/3/2020, 7:22:21 PM

Autor: 12358

#design #wihajstermem

Digitalizacja 70 lat katalogów IKEA - KuKulturze.pl

Zobacz: https://lurker.land/post/ELpIOSQRY

Data dodania: 9/30/2020, 6:59:22 PM

Autor: kukulturze

Teraz, dzięki digitalizacji możemy wyruszyć w podróż w czasie dzięki materiałom udostępnionym z okazji 70. rocznicy pierwszego wydania. #ciekawostki #ikea #design #meble

Zobacz: https://lurker.land/post/GjYUJSrTV

Data dodania: 9/29/2020, 3:16:03 AM

Autor: morguliusz

#zglospomysl #lurker #lurkerv3 #v3 #design #webdesign @Thanos

Ciężko mi byłoby napisać jaki jest mój pomysł odnośnie wyglądu i funkcji tak więc go po prostu zrobiłem. Nie chciało mi się za bardzo bawić z prawą belką, bo już późno jest.

Opis proponowanych zmian:

1. Stworzenie zakładek u góry i zabranie ważniejszych odsyłaczy z menu po prawej.

2. Możliwość zwinięcia menu po prawej za pomocą strzałek (zostają wtedy same ikony). Dodatkowo możliwość odsyłania w dane miejsce po kliknięciu w ikonkę.

3. Ważne jest aby była ustalona maksymalna wielkość (wysokość) wpisów.

4. Wielkość okna z grafiką/wideo znaleziska stała. Można zrobić możliwość ustawienia, po której stronie chce się aby grafika się wyświetlała (ja osobiście wolę po lewej, bo wtedy tekst lepiej wygląda).

5. Kierowałem się ujednoliconą stylistyką. Ograniczenie kolorów do minimum jest bardzo ważne, żeby nie rozpraszały uwagi od najważniejszego -> treści.

6. W związku z powyższym awatar jak i nazwa usera zostały pomniejszone i przesunięte w dół, tagi pomniejszone i tło jest teraz mniej wyróżniające się. Również odsyłacz do źródła zrobiłem tym samym kolorem, bo nie ma sensu rozpraszać nim uwagi.

7. Jak widać obok dymku komentarzy pojawiły się 2 niebieskie strzałki skierowane w górę. Jest to propozycja zaznaczenia dużego zainteresowania w krótkim czasie w komentarzach. Trzeba zaznaczyć, że dotyczy to tylko sekcji komentarzy, a nie samego zainteresowania wpisem, bo to jest oznaczane osobne.

8. Ikonka informująca czy osoba jest zalogowana/bądź nie - to pomniejszone logo portalu.

9. W belce na samej górze powiększyłem logo portalu i zmieniłem kolorystykę odpowiadającą stylowi nocnemu.

10. Dodałem po prawej u góry ikonkę księżyca, która po kliknięciu ustawia z powrotem wygląd klasyczny bądź jasny.

11. Jeszcze się zastanawiam nad wyróżnieniem wpisów, ale jak już wspomniałem - późno jest.

12. Top wpisów to taki mój pomysł żeby były wyróżniane najlepsze wpisy z danego dnia/tygodnia/miesiąca/roku/w ogóle. Dodatkowo fajna byłaby opcja powtarzania popularnego znaleziska by znowu wylądowało na głównej po jakimś czasie, bo często się zdarza, że ludzie wrzucają to samo znalezisko po np. miesiącu albo roku, ale np. artykuł wylądował na innej stronce.

Co sądzicie?