{"id":3621,"date":"2014-12-17T09:10:06","date_gmt":"2014-12-17T08:10:06","guid":{"rendered":"http:\/\/jam.pecsma.hu\/?p=3621"},"modified":"2014-12-17T09:10:06","modified_gmt":"2014-12-17T08:10:06","slug":"a-csik-progress-bar","status":"publish","type":"post","link":"https:\/\/jammer.hu\/exjammer\/2014\/12\/17\/a-csik-progress-bar\/","title":{"rendered":"A cs\u00edk"},"content":{"rendered":"

A k\u00e9khal\u00e1l \u00e9s a loader <\/a>ut\u00e1n a harmadik legideges\u00edt\u0151bb dolog, amit monitoron l\u00e1thatsz: a progress bar<\/strong><\/p>\n

<\/p>\n

K\u00fcl\u00f6n\u00f6sen akkor, amikor \u00fagy csin\u00e1l, mintha mozogna, de csak \u00e1ll. \u00c9s nem mozdul. \u00c9s \u00e1ll.\u00a0Telep\u00edt\u00e9skor, let\u00f6lt\u00e9skor, felt\u00f6lt\u00e9skor, renderel\u00e9sn\u00e9l, export\u00e1l\u00e1sn\u00e1l, feldolgoz\u00e1sn\u00e1l, eb\u00e9d el\u0151tt t\u00edz perccel, \u00e9jjel kett\u0151kor is…<\/p>\n

\"5aEli\"<\/a><\/p>\n

Persze ilyenkor is v\u00e9gigfut rajta a f\u00e9ny, vagy mozognak a cs\u00edkok rajta, hogy azt az ill\u00fazi\u00f3t keltse, mintha t\u00f6rt\u00e9nne valami. De nem.<\/p>\n

\u00c9s olyan is van, amikor\u00a0csak \u00e1tver\u00e9s az eg\u00e9sz, mert\u00a0egy sima loader<\/a>, csak \u00fagy n\u00e9z ki, mintha. Hossz\u00fak\u00e1s loader. Kamu.<\/p>\n

\"progress_bar\"<\/a><\/p>\n

 <\/p>\n

A progress bar l\u00e9nyege ugye az, hogy k\u00e9pben legy\u00fcnk, hol tart a misztikus\u00a0folyamat, \u00e9s mennyi id\u0151t kell m\u00e9g v\u00e1rnunk.<\/p>\n

\"Progress<\/p>\n

Ennek \u00e9rdek\u00e9ben legt\u00f6bbsz\u00f6r azt is megmondja nek\u00fcnk, szerinte k\u00e1b\u00e9 mennyi id\u0151 van h\u00e1tra. De\u00a0aki t\u00f6bb mint egy hete haszn\u00e1l sz\u00e1m\u00edt\u00f3g\u00e9pet, m\u00e1r soha nem d\u0151l be neki.<\/p>\n

\"let\u00f6lt\u00e9s\"<\/a><\/p>\n

Vannak ugyan olyanok is, amik viszonylag j\u00f3l tippelnek, \u00e9s olyanok is, amik menet k\u00f6zben, a folyamat t\u00e9nyleges sebess\u00e9ge alapj\u00e1n korrig\u00e1lj\u00e1k a v\u00e1rhat\u00f3 befejez\u00e9si id\u0151t, \u00edgy egy m\u00e1sf\u00e9l-k\u00e9t\u00f3r\u00e1s m\u0171velet utols\u00f3 p\u00e1r m\u00e1sodperc\u00e9t viszonylag korrekt\u00fcl bel\u00f6vik, de a t\u00f6bbs\u00e9g erre nem k\u00e9pes.<\/p>\n

Valamint, h\u00e1t, l\u00e1ssuk be, b\u00e1rmilyen gyors, akkor is t\u00fal lass\u00fa.<\/p>\n

\"Helixbar\"<\/a><\/p>\n

Szerencs\u00e9re ebb\u0151l is van m\u00e1r sokf\u00e9le, nem kell mindig ugyanazt az unalmas k\u00e9k (vagy fekete) cs\u00edkot szugger\u00e1lnunk. Kreat\u00edv megold\u00e1sokb\u00f3l van b\u0151ven k\u00edn\u00e1lat.<\/p>\n

Van f\u00e9nyes<\/a>:<\/p>\n

\"Progress_Bar_by_Jan_Losert\"<\/a><\/p>\n

Meg m\u00e9hes<\/a>:<\/p>\n

\"Bee_progress_bar_by_Andrew_Ckor\"<\/a><\/p>\n

Rozsd\u00e1s<\/a>:<\/p>\n

\"Rusty_progress_bar_by_Vova_Devyatkin\"<\/a><\/p>\n

 <\/p>\n

Bring\u00e1s<\/a>:<\/p>\n

\"bike\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

R\u00e9p\u00e1s:<\/p>\n

\"iconza-loader\"<\/a><\/p>\n

…\u00e9s m\u00e9g baromi sokf\u00e9le.<\/p>\n

\n

 <\/p>\n

Sokakat megihletett a jelens\u00e9g, hiszen minden sz\u00e1m\u00edt\u00f3g\u00e9ppel kapcsolatban \u00e1ll\u00f3 alkot\u00f3 tal\u00e1lkozik vele, gyan\u00edtom, hogy t\u00f6bbsz\u00f6r is, mint szeretne. Szerencs\u00e9re vannak, akik megl\u00e1tj\u00e1k benne a humort.<\/p>\n

T\u00f6bbek k\u00f6z\u00f6tt (az \u00e1ltalam igen nagyra becs\u00fclt) Viktor Hertz<\/a> sv\u00e9d grafikus is, ezek itt az \u0151 agymen\u00e9sei (Behance <\/a>oldal\u00e1n is van ezekb\u0151l t\u00f6bb):<\/p>\n


\n<\/a> \"hertz5\"<\/a> \"hertz4\"<\/a> \"hertz2\"<\/a> \"hertz1\"<\/a><\/p>\n

\"hertz6\"<\/a><\/p>\n

A k\u00f6vetkez\u0151\u00a0anim\u00e1ci\u00f3 viszont a dolgok m\u00e9ly\u00e9re megy. Megmagyar\u00e1zza, mi okozza a youtube-vide\u00f3k bet\u00f6lt\u00e9s\u00e9nek akad\u00e1sait, megl\u00f3dul\u00e1sait, \u00e9s a mechanizmust, ami mindezek m\u00f6g\u00f6tt van:<\/p>\n

[su_vimeo url=”http:\/\/vimeo.com\/62147173″ width=”640″]http:\/\/vimeo.com\/90654394[\/su_vimeo]<\/p>\n","protected":false},"excerpt":{"rendered":"

A k\u00e9khal\u00e1l \u00e9s a loader ut\u00e1n a harmadik legideges\u00edt\u0151bb dolog, amit monitoron l\u00e1thatsz: a progress bar<\/p>\n","protected":false},"author":1,"featured_media":3641,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[11],"tags":[1074,1409],"class_list":["post-3621","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-progress-bar","tag-webdesign"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/posts\/3621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/comments?post=3621"}],"version-history":[{"count":0,"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/posts\/3621\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/media?parent=3621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/categories?post=3621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jammer.hu\/exjammer\/wp-json\/wp\/v2\/tags?post=3621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}