🎨 #46: HTMHell, UX Slogans
3 min czytania

🎨 #46: HTMHell, UX Slogans

witam Cię w 46. wydaniu uxowego.
Mam nadzieję, że u Ciebie wszystko dobrze!

Dzisiaj mam dla Ciebie tylko dwa punkty.
Ale bardzo wartościowe! 🙂

Pierwszy - to skondensowana wiedza w postaci list.
Drugi - to krótkie filmiki od "króla usability" lub, jak kto woli, "taty UXa" 😛

Także... obczajać je, to będzie sama przyjemność.
I niesamowicie duża wartość.

Zapraszam:

  1. 👉 HTMHell - listy błędów, tipów i dobrych praktyk pisania HTML'a 🔥 🔥 🔥
  2. 👉 The Top UX Slogans - zbiór ponadczasowych zasad dobrego UX'a od NNGroup

[SCROLL  SCROLL]
⬇️ ⬇️ ⬇️ ⬇️ ⬇️


HTMHell

Accessibility | źródło

HTMHell to zbiór 32. złych praktyk napotkanych na realnych stronach i w aplikacjach internetowych.

Do każdego elementu jest krótkie i zwięzłe wyjaśnienie co jest nie tak i jak to naprawić. A na końcu mamy "naprawiony" kod.

Przykład:

Co tutaj jest nie tak? Kliknij w obrazek i zobacz. Na końcu jest film pokazujący jak czytnik ekranu interpretuje taki kod. Źródło

Pełna lista HTMHell: www.htmhell.dev

Dodatkowo twórcy tej strony dostarczają nam HTMHeavenAdvent Calendar, z którego możemy wynieść jeszcze więcej wartości.

HTMHeaven

To przeciwieństwo powyższego, czyli tipy o tym, jak pisać kod HTML tak, aby był bardziej dostępny i poprawny semantycznie.

Przykład:

Kiedy i w jaki sposób używać <section>? Źródło

Pełna lista HTMHeaven: www.htmhell.dev/tips

Advent Calendar

Zbiór 24 wpisów od 24 autorów z całego świata o accessibility, performance, usability i security.

Przykład:

Jak prawidłowo przełożyć makiety na kod HTML. Najlepsze praktyki. Źródło

Pełna lista Advent Calendar: www.htmhell.dev/adventcalendar

Gorąco polecam 🔥 🔥 🔥 😂


The Top UX Slogans

Sam Jakob Nielsen, jak i reszta ekipy z NNGroup przedstawia Slogany UXa, czyli takie powiedzonka o dobrych praktykach i sposobach osiągania dobrego UX'a.

Warto się z tym zaznajomić 🧐

Szczególnie jeśli nie siedzimy mocno w branży UXa i nie przeczytaliśmy tony książek na ten temat.

To taki zbiór zasad, które są aktualne już wiele, wiele lat.
Czyli raczej szybko się nie przeterminują... 🧊

Slogany UXa:

  1. You != User
  2. Keep it Simple
  3. You Can't Impose Joy
  4. Communication not Decoration
  5. Brevity = Brilliance
  6. "Why" Beats "What" in UX
  7. UX is People
  8. Make it Easy
  9. Less is More
  10. Users Are Not Lazy
  11. If You're Not Checking, You're Guessing
  12. ...więcej

Jest ich 18.
Ostatni dodany 2 tygodnie temu 🙂

Link do playlisty: https://youtube.com/playlist?list=PLJOFJ3Ok_idu3lfVtP4UonFAhRwv65Yam


To wszystko na dziś!
Miłego oglądania 📺 i czytania 🔥

Pozdrawiam i dobrego weekendu! 🥳 🚀

Mikołaj Waśkowski
uxowy.dev

❤️
Chcesz pomóc swoim devowym ziomkom?
Jeśli podoba Ci się to, co wysyłamy w uxowym, to jest duża szansa, że im też się spodoba 😉. Zapodaj tam link do ostatnich wysyłek i niech chłoną wiedzę o UX/UI dla developera razem z nami!

PS. Wybacz, że przez ostatni czas wysyłam Ci więcej zewnętrznych źródeł do obczajki niż wartości zawartej od razu w mailu. Mam po prostu mało czasu na aktywność w uxowym (nie mam z uxowego żadnych benefitów, a jednak gdzieś trzeba zarabiać $$$ i zachować jakiś balans). Mam nadzieję, że to nie jest problem 🙂  


Poprzednie wydania 🎨 uxowego:

Jeśli jeszcze nie ma Cię na liście 🤔

Wysyłamy jeden email tygodniowo, w każdy piątek, o godz. 12:00.
Wartościowa wiedza o UI/UX dla developera może wylądować do Twojej skrzynki.