EveryTab – Selaimen välilehtien hallinta uusiksi

Olen valmis veikkaamaan, että jos vilkaisisin selaintasi juuri nyt, näkisin kasan keskeneräisiä tutoriaaleja, dokumentaatiosivuja joita "ehdottomasti luen myöhemmin" ja yhden Stack Overflow -vastauksen vuodelta 2017, joka somehow toimii edelleen.

Välilehtien hallinta on yksi niistä ongelmista, jotka olemme hyväksyneet väistämättömyyksiin – kuten sähköpostin nollaukseen pääseminen tai koodikommenttien ajan tasalla pitäminen. EveryTab (everytab.site) kuitenkin haastaa tämän ajattelun.

Välilehtienhallinta vaakasuunnassa

EveryTab kääntää perinteisen lähestymistavan päälaelleen. Sen sijaan, että ahdattaisiin lisää toimintoja jo valmiiksi täyteen työkalupalkkiin, sovellus tarjoaa erillisen käyttöliittymän, jossa välilehdet esitetään vaakasuuntaisena, vieritettävänä rivinä. Tämä on kuin komentokeskus selailun hallitsemattomuudelle.

Toteutus on nerokas: sovellus lataa välilehtien "nippuja" dynaamisesti JavaScriptin avulla ja tukee Chromea, Firefoxia, Safariä sekä Edgeä. Saat iframe-pohjaisen sisällön esittäjän, osoiterivit silmän käänteessä, ja välilehtien tilat jotka oikeasti viestivät tietoa – hover-efektit, aktiivisen välilehden indikaattorit ja sulkemispainikkeet, jotka eivät vaadi suurennuslasia.

Tekniset yksityiedet, jotka ansaitsevat huomiota

Jos rakennat web-sovelluksia itse, huomaat pian: EveryTab on aidosti hyvin rakennettu SPA. Välilehtirivien marquee-animaatiot osoittavat, mihin CSS-animaatiot ovat kehittyneet, ja responsiivinen suunnittelu varmistaa, ettei kyseessä ole pelkkä työpöytätyökalu.

Dark/light mode -teemaus on toteutettu harkitusti – välilehtien tilat pysyvät luettavina valitusta teemasta riippumatta. Ja nuo ulkoisten linkkien indikaattorit? Pienet yksityiskohdat kuten nämä kertovat, että kehittäjä käyttää omaa tuotettaan.

Kun ottaa huomioon, että sovelluksessa on ladattu dynaamisesti 188 196 välilehtinippua, voi arvostaa tehokasta lazy loadingia ja nipunhallintaa. Tämäntyyppistä arkkitehtuuria kannattaa tutkia, jos rakentaa sisältöpainotteisia sovelluksia.

Onko tämä selaimen organisoimisen tulevaisuus?

En ehdota, että kaikkien pitäisi hylätä selaimen natiivi välilehtienhallinta kokonaan. Mutta EveryTab paljastaa jotain tärkeää: olemme lähestymässä rajoja sille, mitä perinteiset selaint käyttöliittymät voivat tarjota.

Kehittäjille, jotka pyörittävät useita projekteja, tutkijoille jotka seuraavat kymmeniä lähteitä, tai kenelle tahansa joka on sulkenut välilehden ja katunut sitä välittömästi – tällaiset työkalut edustavat siirtymää kohti tiettyjä työnkulkuja varten rakennettuja käyttöliittymiä.

Web-alusta on kypsynyt tarpeeksi, jotta voimme nyt rakentaa erikoistuneita selailukokemuksia, jotka täydentävät nykyisiä työnkulkuja emmekä korvaa niitä. Olipa kyse sitten lisää tällaisista työkaluista tai natiivien selaint ominaisuuksien kehityksestä, suunta on selvä: välilehtien kaaos ei ole elämän välttämättömyys.

Mitkä välilehtienhallintastrategiat toimivat sinulle? Jaa ne kommenteissa – ellet ole huolissasi siitä, montako välilehteä sinulla on juuri nyt auki.