Gordana RADOVIĆ

1. mart 2022.

Jednostavan, ali vrlo koristan, softver u open source izdanju stiže u obliku aplikacije pod nazivom Responsively. U pitanju je besplatna alatka namenjena svima koji se bave veb-dizajnom i žele da njihov rad bude vizuelno zadovoljavajući pod svim rezolucijama i na svim ili bar na što više uređaja.

Jasno je da nije dovoljno „izgraditi” veb-sajt samo za prosečne (desktop) kompjutere, već je neophodno voditi računa i kako sadržaj izgleda na mobilnim uređajima, ali i na velikim ekranima i visokim rezolucijama. U skladu sa karakteristikama gabaritnih ekrana, neophodno je prilagoditi raspored sadržaja kako bi on bio user friendly. Kako se ekrani različitih mobilnih uređaja razlikuju ne samo u veličini, već i u odnosu širine i dužine stranica, zadatak dizajnera i frontend developera je da imaju u vidu sve ove razlike i to kako će one uticati na izgled i dizajn.

Da bi postigli željeno, developeri uglavnom koriste ugrađene alatke koje imaju svi najpoznatiji internet browseri, poput Chromea, Edgea i Firefoxa. Oni u sebi imaju ugrađenu funkciju koja omogućava da vidite kako stranica ili ceo sajt izgledaju na određenom broju mobilnih uređaja. S druge strane, postoji i jedan nedostatak - sadržaj može da se posmatra samo za jedan uređaj. Responsively upravo na ovom polju donosi promenu. Možete da posmatrate više uređaja, odnosno, više različitih rezolucija odjednom, jedne pored drugih. Kako unosite izmene na jednom prikazu, tako možete da vidite kako se one odražavaju i na sve ostale.

Ne postoji ograničenje u tome koliko u isto vreme možete da držite otvorenih prozora - možete da izaberete nekoliko rezolucija, odnosno uređaja, koji su vam najbitniji, a možete i da podesite da se vide sve ponuđene, pa čak i da samo određujete rezolucije uređaja koje vi želite.

Kada su u pitanju dostupne alatke, Responsively ima nekoliko aduta. Sem pukog gledanja, u ovom internet browseru dostupni su i klasični developer tools, koji su identični onim kod mainstream internet browsera. Sem njih, posebno može da se aktivira i CSS editor.

Interfejs može da se podeli na površinu koja pruža pregled sadržaja na više rezolucija, ali i na dva radna dela. Jedan se nalazi u desnom gornjem uglu u vidu menija sa opcijama, kao što su CSS editor koji smo pomenuli, ali i Page navigator, Zoom, Inspector i slično. Funkcija koju bismo izdvojili je taster kojim se samo jednim klikom „hvataju” i čuvaju screenshotovi svih rezolucija koje su prikazane na ekranu.

S leve strane je drugi deo opcija, gde su smeštene one za dodavanje ili izbacivanje rezolucija, odnosno, ekrana uređaja koje želite da imate na oku. Odmah ispod je i opcija koja jednim klikom sve izabrane ekrane „položi” horizontalno ili svaku od odabranih rezolucija postavi u poseban tab, ukoliko vam tako više odgovara za rad.

U slučaju da odaberete da vidite povelik broj uređaja odjednom, postoji i mogućnost filtriranja uređaja po operativnom sistemu: Windows, Android, iOS... ili neka generička rezolucija koju ste sami definisali. Dozvoljeno je i njihovo filtriranje po veličini: mobilni telefoni, tableti, laptopi, desktop mašine...

U User preferences, koje su, takođe, deo opcija, sa leve strane birate neke od osnovnih podešavanja vezanih za sajt na kom radite: šta želite da bude početna strana, da li više volite da radite u dark ili light režimu, da li će biti uključen SSL validation, kao i provera pravopisa, pa čak i da li će developer tools sve vreme biti na glavnom prozoru. Poseban panel je rezervisan za dodavanje/instaliranje ekstenzija. Njih možete da pronađete na Chrome Web Storeu, ali autori upozoravaju da će Rasponsively sarađivati samo sa onim ekstenzijama koje su namenjene developerima.

Sve one koji se bave CSS-om obradovaće podatak da postoji još jedno slično ostvarenje iz klase - SlashB (slashb.app, 51,8 MB). Namena i cilj su vrlo slični, međutim, postoji nekoliko razlika zbog kojih je Responsively ipak naš favorit. Iako je i SlashB vrlo koristan i lak za korišćenje, on nije otvorenog kôda, već treba da izdvojite 20 dolara za njega. Pored toga, nema ni ugrađen developer tools, kao ni opciju za dodavanje ekstenzija. S druge strane, ipak ima sjajne funkcije koje omogućavaju da jednim klikom obrišete Cookies, Cash i Local Storage. Isto tako, zbog manje funkcija pregledniji je i lakši za korišćenje, ali to nije bilo dovoljno da ga proglasimo za favorita.

Uzevši u obzir da je Responsively besplatan, a da SlashB nudi 30 dana probnog perioda, možete da ih isprobate oba, pa da sami zaključite da li se slažete sa nama ili ne. Istina je da su i jedna i druga alatka vrlo korektne, odlično dizajnirane (SlashB ovde odnosi pobedu) i za koju god da se odlučite, nećete pogrešiti.