{"id":228,"date":"2008-06-30T12:09:38","date_gmt":"2008-06-30T11:09:38","guid":{"rendered":"http:\/\/pixy.cz\/pixynergia\/?p=228"},"modified":"2008-06-30T22:56:25","modified_gmt":"2008-06-30T21:56:25","slug":"dalsi-zlomovy-bod-webdesignu-konec-ery-fullscreenu","status":"publish","type":"post","link":"https:\/\/www.pixy.cz\/pixynergia\/2008\/06\/30\/dalsi-zlomovy-bod-webdesignu-konec-ery-fullscreenu","title":{"rendered":"Dal\u0161\u00ed zlomov\u00fd bod webdesignu: konec \u00e9ry fullscreenu"},"content":{"rendered":"\n<p>V\u00a0posledn\u00edch t\u00fddnech hned z\u00a0n\u011bkolika zdroj\u016f p\u0159ich\u00e1zely informace\no\u00a0tom, jak v\u00fdznamn\u011b stoupl pod\u00edl vy\u0161\u0161\u00edch rozli\u0161en\u00ed obrazovek\nu\u00a0u\u017eivatel\u016f internetu (viz nap\u0159. <a\nhref=\"http:\/\/www.iinfo.cz\/tiskove-centrum\/tiskove-zpravy\/navrcholu-obrazovky\/\">zpr\u00e1va\nNavrcholu.cz<\/a>). Vypl\u00fdv\u00e1 z\u00a0nich ned n\u011bkolik fakt\u016f. Jednak to, \u017ee\nrozli\u0161en\u00ed 800\u00d7600 je ji\u017e skute\u010dn\u011b minoritn\u00ed (pokles z\u00a012\u00a0% na 3\u00a0%) a\n\u017ee nadpolovi\u010dn\u00ed v\u011bt\u0161ina u\u017eivatel\u016f u\u017e pou\u017e\u00edv\u00e1 displej s\u00a0rozli\u0161en\u00edm\n1280\u00d71024 a v\u011bt\u0161\u00edm.<\/p>\n\n<p>V\u00a0tuhle chv\u00edli mana\u017ee\u0159i webov\u00fdch projekt\u016f mysl\u00edc\u00ed koleny j\u00e1saj\u00ed a\nj\u00edmaj\u00ed se \u00fakolovat sv\u00e9 designery k\u00a0p\u0159ed\u011bl\u00e1n\u00ed webu do \u0161\u00ed\u0159ky 1280\u00a0px.\nBohu\u017eel jen m\u00e1lokdo si uv\u011bdomuje, \u017ee z\u00a0t\u011bch statistik vypl\u00fdv\u00e1 je\u0161t\u011b\njeden, podstatn\u011bj\u0161\u00ed fakt: <strong>fullscreen je na \u00fastupu.<\/strong> St\u00e1le\nm\u00e9n\u011b lid\u00ed si u\u017e zv\u011bt\u0161uje okno prohl\u00ed\u017ee\u010de na celou obrazovku. Je to\nlogick\u00e9: \u010d\u00edm v\u011bt\u0161\u00ed displej m\u00e1te, t\u00edm m\u00e9n\u011b je praktick\u00e9 m\u00edt na n\u011bm\njen jedinou informaci, jen jedin\u00e9 okno. Okno prohl\u00ed\u017ee\u010de se str\u00e1nkou je\np\u0159es celou obrazovku zbyte\u010dn\u011b velik\u00e9, na velk\u00e9m displeji se kolem n\u011bj\nvejde spousta dal\u0161\u00edch informac\u00ed a jin\u00fdch otev\u0159en\u00fdch oken, obzvl\u00e1\u0161\u0165 na\n\u0161iroko\u00fahl\u00fdch displej\u00edch. Styl pr\u00e1ce s\u00a0po\u010d\u00edta\u010dem se m\u011bn\u00ed. (Pozn.:\ndlu\u017eno podotknout, \u017ee se bav\u00edme o\u00a0pr\u00e1ci s\u00a0Windows, nap\u0159. na macu je tento\nzp\u016fsob vyu\u017e\u00edv\u00e1n\u00ed pracovn\u00ed plochy b\u011b\u017en\u00fd odjak\u017eiva, macovsk\u00e9 syst\u00e9my\nfullscreen standardn\u011b v\u016fbec nepou\u017e\u00edvaj\u00ed.)<\/p>\n\n<p>Kdy\u017e si ty statistiky prohl\u00e9dneme pozorn\u011b, zjist\u00edme, \u017ee zat\u00edmco\nrozli\u0161en\u00ed obrazovky setrvale stoup\u00e1, velikost okna prohl\u00ed\u017ee\u010de nikoli\u00a0\u2013\npom\u011br \u0161\u00ed\u0159ky okna a \u0161\u00ed\u0159ky displeje v\u00fdrazn\u011b kles\u00e1. <strong>P\u0159es 50\u00a0%\nu\u017eivatel\u016f m\u00e1 rozli\u0161en\u00ed vy\u0161\u0161\u00ed ne\u017e 1280\u00a0px na \u0161\u00ed\u0159ku, ale u\u00a0v\u00edce\nne\u017e 90\u00a0% u\u017eivatel\u016f jsou okna prohl\u00ed\u017ee\u010de u\u017e\u0161\u00ed ne\u017e 1280\u00a0px!<\/strong>\nNej\u010dast\u011bj\u0161\u00ed \u0161\u00ed\u0159ka okna se dnes pohybuje kolem 1100\u00a0px. Je samoz\u0159ejm\u011b\nnutn\u00e9 po\u010d\u00edtat i\u00a0s\u00a0pom\u011brn\u011b v\u00fdznamn\u00fdmi statistick\u00fdmi chybami, nap\u0159.\ns\u00a0faktem, \u017ee n\u011bkte\u0159\u00ed u\u017eivatel\u00e9 se p\u0159epnou do fullscreenu a\u017e po\nna\u010dten\u00ed str\u00e1nky, co\u017e se ve statistik\u00e1ch nemus\u00ed projevit, p\u0159\u00edtomnost\nr\u016fzn\u00fdch postrann\u00edch li\u0161t, zu\u017euj\u00edc\u00edch dotupn\u00fd prostor\u00a0apod.<\/p>\n\n<p>Ale trend je podle v\u0161eho pom\u011brn\u011b jasn\u00fd: styl pr\u00e1ce s\u00a0PC se m\u011bn\u00ed,\nzobrazov\u00e1n\u00ed oken ve fullscreenu p\u0159est\u00e1v\u00e1 b\u00fdt tak samoz\u0159ejm\u00e9 a b\u011b\u017en\u00e9\njako je\u0161t\u011b p\u0159ed p\u00e1r lety. U\u017eivatel\u00e9 se u\u010d\u00ed pracovat s\u00a0okny men\u0161\u00edmi\nne\u017e je \u0161\u00ed\u0159ka obrazovky, dynamicky m\u011bnit jejich rozm\u011bry podle pot\u0159eby a\nvyu\u017e\u00edvat pracovn\u00ed plochu pro zobrazen\u00ed v\u00edce informac\u00ed najednou.\nA\u00a0webdesign se mus\u00ed t\u00e9to skute\u010dnosti p\u0159izp\u016fsobit. Doposud si v\u0161ichni\nhl\u00eddali majoritn\u00ed rozli\u0161en\u00ed a tomu p\u0159izp\u016fsobovali fixn\u00ed \u0161\u00ed\u0159ky web\u016f.\n770\u00a0a pozd\u011bji 960\u00a0px byla dlouho pro mnoho webdesign\u00e9r\u016f (a p\u0159edev\u0161\u00edm\njejich mana\u017eer\u016f) \u010d\u00edsla magick\u00e1 a nedotknuteln\u00e1. Ov\u0161em s\u00a0t\u00edm, jak se\nrozm\u011bry oken prohl\u00ed\u017ee\u010d\u016f na stran\u011b u\u017eivatel\u016f st\u00e1vaj\u00ed variabiln\u011bj\u0161\u00edmi\na dynami\u010dt\u011bj\u0161\u00edmi, mus\u00ed b\u00fdt dynami\u010dt\u011bj\u0161\u00ed i\u00a0webdesign.<\/p>\n\n<p>Logick\u00fdm trendem proto bude upou\u0161t\u011bt od fixn\u00edch rozm\u011br\u016f a pou\u017e\u00edvat\npru\u017en\u00e9 \u0161\u00ed\u0159ky; navrhovat layouty co nejl\u00e9pe se p\u0159izp\u016fsobuj\u00edc\u00ed se\nu\u017eivateli\u00a0\u2013 okam\u017eit\u00e9mu rozm\u011bru okna prohl\u00ed\u017ee\u010de i\u00a0zvolen\u00e9 velikosti\np\u00edsma. Ide\u00e1ln\u00edm \u0159e\u0161en\u00edm je pou\u017e\u00edv\u00e1n\u00ed <a\nhref=\"http:\/\/pixy.cz\/pixynergia\/2007\/o-velikosti-pisma-v-prohlizecich-zvetsovani-a-zoomovani\/\">pru\u017en\u00fdch\n<code>em<\/code>-layout\u016f<\/a> ve stanoven\u00fdch mez\u00edch\u00a0\u2013 s\u00a0danou minim\u00e1ln\u00ed a\nmaxim\u00e1ln\u00ed \u0161\u00ed\u0159kou. Vlastnosti CSS <code>min-width<\/code> a\n<code>max-width<\/code> dnes podporuje u\u017e i\u00a0IE, je velmi p\u0159\u00edjemn\u00e9 je\npou\u017e\u00edvat.<\/p>\n\n<p><strong>Design modern\u00edho webu se mus\u00ed p\u0159izp\u016fsobovat u\u017eivateli a nem\u00e1\npo\u017eadovat, aby se u\u017eivatel p\u0159izp\u016fsoboval\u00a0je\u00admu.<\/strong><\/p>\n\n<!-- by Texy2! -->","protected":false},"excerpt":{"rendered":"<p>V\u00a0posledn\u00edch t\u00fddnech hned z\u00a0n\u011bkolika zdroj\u016f p\u0159ich\u00e1zely informace o\u00a0tom, jak v\u00fdznamn\u011b stoupl pod\u00edl vy\u0161\u0161\u00edch rozli\u0161en\u00ed obrazovek u\u00a0u\u017eivatel\u016f internetu (viz nap\u0159. zpr\u00e1va Navrcholu.cz). Vypl\u00fdv\u00e1 z\u00a0nich ned n\u011bkolik fakt\u016f. Jednak to, \u017ee rozli\u0161en\u00ed 800\u00d7600 je ji\u017e skute\u010dn\u011b minoritn\u00ed (pokles z\u00a012\u00a0% na 3\u00a0%) a \u017ee nadpolovi\u010dn\u00ed v\u011bt\u0161ina u\u017eivatel\u016f u\u017e pou\u017e\u00edv\u00e1 displej s\u00a0rozli\u0161en\u00edm 1280\u00d71024 a v\u011bt\u0161\u00edm. V\u00a0tuhle chv\u00edli mana\u017ee\u0159i webov\u00fdch &hellip; <a href=\"https:\/\/www.pixy.cz\/pixynergia\/2008\/06\/30\/dalsi-zlomovy-bod-webdesignu-konec-ery-fullscreenu\" class=\"more-link\">Pokra\u010dov\u00e1n\u00ed textu <span class=\"screen-reader-text\">Dal\u0161\u00ed zlomov\u00fd bod webdesignu: konec \u00e9ry fullscreenu<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,1,4],"tags":[],"class_list":["post-228","post","type-post","status-publish","format-standard","hentry","category-it","category-vseobecne","category-webdesign"],"_links":{"self":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":0,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/228\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/media?parent=228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/categories?post=228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/tags?post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}