Vaperina helyzetjelentés 5.0

Sziasztok :slightly_smiling_face:

A legutóbbi helyzetjelentés óta rengeteg változás, fejlesztés történt, így ez egy hosszabb téma lesz és a helyzetjelentés számát is a következő kerek számmal (5) jelöljük.


Blog

A folytatásos, több részes cikksorozatokat a cikk végén található linkekkel összekapcsoltuk, hogy könnyebben lehessen navigálni köztük.


Vaperina Ranglétra :1st_place_medal:


Vaperina Live Reloaded :red_circle:


Feltöltések kezelése

Lecseréltük a feltöltési rendszert így mostantól a nagyobb méretű fájlok feltöltése sem terheli az oldal fő szerverét. Megemeltük az egyidejű fájlfeltöltések számát 10 -re a korábbi 5 -ről. Ez azt jelenti, hogy 10 fájlt lehet egyszerre behúzni a szerkesztőbe.


Videók kezelése :video_camera:

A videó feltöltése után automatikusan konvertáljuk, tömörítjük, hogy a lehető leghamarabb és legjobb minőségben megtekinthető legyen.
Videót, a szerkesztő eszköztárában lévő Screenshot 2022-10-03 at 15.22.27 gombra kattintva lehet feltölteni. A videófeltöltés elérhető a chatben is a + gombra kattintva.
Screenshot 2022-10-03 at 15.24.49


Képek kezelése :framed_picture:

Képeknél eddig egy átlátszó 10x10px -es helytartót használtunk ameddig betöltődött a miniatűr. Ezt megváltoztattuk és mostantól a feltöltött képben található domináns színt használjuk helytartóként. Így gyorsabban és egy szebb formában jelennek meg a képek. A régebbi feltöltéseknél még ezt nem cseréltük le teljes egészében, viszont ez folyamatosan zajlik a háttérben, így hamarosan minden képnél így lesz.

Képek törlése

Olykor nehézséget okoz a bejegyzésben több kép közül egy konkrét kép beazonosítása. Ha például törölni szeretnénk akkor sokszor előfordult, hogy véletlen másik kép került törlésre vagy éppen a kép markdown kódja sérült és nem jelent meg a továbbiakban a kép csak egy tört link. Erre nyújt segítséget a szerkesztő előnézeti oldalán a képek alatt elhelyezett :wastebasket: ikon. Erre kattintva a kép törlődik. Illetve ezért a szerkesztő előnézeti oldalán a képeket mindig egyesével jelenítjük meg a “csempés” elrendezés helyett amennyiben elérhető.

Screenshot 2022-10-03 at 14.40.56


Szerkesztő :memo:

A szerkesztőben is változtattunk néhány dolgot.

  • Teljes oldalas nézet: Megnyitáskor elhelyeztünk egy feliratot a bezáráshoz való instrukciókkal, illetve mostantól a Létrehozás gomb is aktív teljes képernyős nézetben is.

  • Jobb, gördülékenyebb szerkesztő kezelés Androidon.

  • Alapértelmezett kategória a szerkesztő megnyitásakor.

  • Szerkesztő magasságának megjegyzése: Megjegyzi az előzőleg beállított magasságot és a legközelebbi megnyitáskor automatikusan arra állítja be.


Új felület

Teljesen új, letisztult, gyorsabb felület. Lekerekítések és árnyékok helyett szegélyekkel választjuk el egymástól az elemeket ha szükséges. Ez lehetővé teszi, hogy kompaktabb legyen és minden színsémához megfelelően illeszkedjen.

Asztali nézet

Mobil nézet

Az új felület tartalmaz néhány meghatározó részt ezek a következők :arrow_down_small:

Oldalsáv

Az új oldalsáv a legtöbb oldalon megjelenik. Tartalmaz egy Közösségi részt, amiben néhány gyakori link található (még nem 100% -os), amelyekhez mindenkinek hozzá kell férnie, valamint további részeket a kedvenc Kategóriákhoz és Címkékhez, Privát üzenetekhez és minden Chat csatornához, amelyhez csatlakoztál. Ha valahol új, olvasatlan bejegyzés vagy vázlat található, itt jelezzük.

A látogatók (akik nincsenek bejelentkezve) is számukra releváns dolgokat látnak itt.

A Közösségi, Üzenetek és a Privát chat melletti + gombra kattintva, új témát, új privát üzenetet vagy privát chat beszélgetést hozhatsz létre.

Screenshot 2022-10-03 at 10.43.39

Oldalsáv elrejtése

Az oldalsáv elrejthető a logó melletti nyílra kattintva.

Vagy mobilon a szokásos, fejlécen található menü gombra kattintva.
Screenshot 2022-10-03 at 12.07.13

Adj hozzá kategóriákat és címkéket az oldalsávhoz és állítsd be navigációs útvonalat

Screenshot 2022-10-03 at 10.12.48

Kattints a ceruza ikonra a kategóriák vagy címkék szakaszai mellett, hogy az oldalsáv beállítási oldalára kerülj. Itt kategóriákat vagy címkéket tudsz hozzáadni a saját oldalsávodhoz ezen felül az oldalsávban beállíthatod az új vagy olvasatlan témák navigációs útvonalát és az új elemek jelölését.

Alapértelmezés szerint fixen az Aktuális oldalra irányít és ponttal jelöljük az új elemeket, de lehetőséged van dinamikusra beállítani, tehát ha van új vagy olvasatlan téma akkor azonnal az Új vagy Olvasatlan oldalra visz és az új elemeket számmal jelöljük. Az új és olvasatlan témák száma az oldalsávhoz hozzáadott kategóriák és címkék mellett látható.

Navigációs módok
Amikor új tartalom van az oldalsávon hivatkozzon ide és az új elemeket így mutassa…

  • alapértelmezett hivatkozás és pont jelölés
    Screenshot 2022-11-05 at 4.46.58

  • olvasatlan/új hivatkozás és szám jelölés
    Screenshot 2022-11-05 at 4.50.12


Témalistázás

Ez a rész is rengeteget változott. A korábban említett kerekítéseket és árnyékokat levettük és szegélyekkel választjuk el egymástól ezeket az elemeket.

  • A teljes felület kattintható.
  • Fent bal oldalon a Szerző adati láthatók és a létrehozás dátuma.
  • Alatta a téma adatai, (cím, kategória és címke, rövid részlet a témából, kép).
  • Alatta lévő sorban a legutolsó hozzászóló profilképe, utolsó bejegyzés ideje, bejegyzések száma, kedvelések és megtekintés.

Ezen felül megváltoztattuk az új vagy frissített téma jelzését is.
Screenshot 2022-10-03 at 10.41.30


Nyitott oldalsávnál jobb oldalra került a navigációs sáv. Ha az oldalsáv el van rejtve akkor bal oldalra kerül.

Screenshot 2022-10-03 at 10.42.08


Új értesítési menü

Az új értesítési menüben értesítéstípusok szerint találhatók fülek, így ha például a legutóbbi, neked küldött válaszokat keresed, de néhány újabb kedvelést, megemlítést vagy egyéb értesítést kaptál, könnyen megtalálhatod azokat anélkül, hogy el kellene navigálnod az aktuális oldalról. Egyszerűen kattints a kívánt értesítési típusra a szűréshez.

Értesítési típusok

Screenshot 2022-10-03 at 11.22.22 összes értesítés

Screenshot 2022-10-03 at 11.22.34 válaszok, idézések, megemlítések és figyelt témákba érkező hozzászólások

Screenshot 2022-10-03 at 11.23.03 kedvelések

Screenshot 2022-10-03 at 11.23.51 privát üzenetek

Screenshot 2022-10-03 at 11.24.00 könyvjelzők

Screenshot 2022-10-03 at 11.24.11 chat említések

Screenshot 2022-10-03 at 11.24.20 egyéb értesítések


Színsémák

Az eddig használt 5 színséma választási lehetőség megmaradt. 3 fő színséma és 2 WCAG (magas kontrasztú) színséma gyengénlátók számára.

A 3 fő színsémát: Világos Felület, Sötét Felület és Fekete Felület. Próbáltuk úgy megalkotni, hogy kényelmes, könnyed legyen a szemnek és jó legyen ránézni. :slight_smile:

A színsémákat ide kattintva vagy a Beállítások > Felület oldalon állíthatod be.

Világos Felület (kellemes fehér megjelenés)

Sötét Felület (a sötétkéknek az egyik legszebb árnyalatával, jó a szemnek)

Fekete Felület (teljes fekete (pure black) felület mely OLED kijelzőkön nem csak az akkut kíméli de élvezetes használni is) Itt térhetünk vissza a szegélyezés és az egyes elemeken a háttér nélkülözésének fontosságára. Sokan elkövetik azt a hibát, hogy pure black felületen bizonyos elemeken hátteret használnak. Ez legtöbbször azt eredményezi, hogy az elem háttérszíne belemosódik az oldal alap teljesen fekete hátterébe. Bizonyos esetekben sajnos ez elkerülhetetlen így nálunk is akad még ilyen eleme az oldalnak, de próbáljuk leminimalizálni ezeket és háttér nélkül csak szegéllyel megoldani ezeket.


Előnézetes link és idézés

Megváltoztattuk az előnézetes (onebox) linkek és idézések megjelenését, hogy jobban igazodjon az új felülethez.

Előnézetes link

Idézet


Továbbiak :hammer_and_wrench:

Rengeteg hibajavítás és kisebb nagyobb módosítás történt még ezeken kívül az oldal egyéb részein.


Ha esetleg valamit elfelejtettem, szóljatok. :slight_smile: Várjuk a visszajelzéseket és ha bármi probléma, kérdés van kérlek jelezd nekünk! Köszönöm, hogy elolvastad! Szép napot :heart:

10 kedvelés