{"id":3929,"date":"2018-02-09T08:53:21","date_gmt":"2018-02-09T06:53:21","guid":{"rendered":"http:\/\/jml.kapsi.fi\/jussi\/?p=3929"},"modified":"2020-04-03T13:12:29","modified_gmt":"2020-04-03T10:12:29","slug":"vain-offline-tilassa-nakyvat-verkkosivut","status":"publish","type":"post","link":"https:\/\/jml.kapsi.fi\/jussi\/2018\/02\/09\/vain-offline-tilassa-nakyvat-verkkosivut\/","title":{"rendered":"Vain offline-tilassa n\u00e4kyv\u00e4t verkkosivut"},"content":{"rendered":"\n<p><a href=\"https:\/\/css-tricks.com\/offline-only-viewing\/\">T\u00f6rm\u00e4sin CSS-Tricks-sivustolla ideaan<\/a>, jossa voi olla ainesta pieneksi suunnittelutrendiksi: <strong>verkkosivut, jotka n\u00e4kyv\u00e4t vain offline tilassa<\/strong>. Toisin sanoen vierailijan t\u00e4ytyy sammuttaa internetyhteytens\u00e4, ennen kuin sis\u00e4lt\u00f6 avautuu tarkasteltavaksi.<\/p>\n\n\n\n<p>Esimerkkin\u00e4 <a href=\"https:\/\/thedisconnect.co\/one\/\">The Disconnect -verkkojulkaisun ensimm\u00e4inen numero<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-medium wp-image-3931 is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"576\" src=\"http:\/\/jml.kapsi.fi\/jussi\/wp-content\/uploads\/2018\/02\/The_Disconnect_-_Issue_One-744x576.png\" alt=\"The Disconnect -julkaisun etusivu\" class=\"wp-image-3931\" srcset=\"https:\/\/jml.kapsi.fi\/jussi\/wp-content\/uploads\/2018\/02\/The_Disconnect_-_Issue_One-744x576.png 744w, https:\/\/jml.kapsi.fi\/jussi\/wp-content\/uploads\/2018\/02\/The_Disconnect_-_Issue_One-420x325.png 420w, https:\/\/jml.kapsi.fi\/jussi\/wp-content\/uploads\/2018\/02\/The_Disconnect_-_Issue_One-768x595.png 768w, https:\/\/jml.kapsi.fi\/jussi\/wp-content\/uploads\/2018\/02\/The_Disconnect_-_Issue_One.png 1025w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><figcaption>The Disconnect -julkaisun sis\u00e4ll\u00f6n saa n\u00e4kyviin vasta verkkoyhteyden sammuttamisen j\u00e4lkeen.<\/figcaption><\/figure>\n\n\n\n<p>Ilmeisesti koko sis\u00e4lt\u00f6 latautuu kerralla selaimeen, mutta vasta yhteyden sammuttamisen j\u00e4lkeen sen saa n\u00e4kyviin. Tekij\u00f6iden mukaan taustalla on ajatus, ett\u00e4 v\u00e4lill\u00e4 on hyv\u00e4 sammuttaa verkon houkutukset ja keskitty\u00e4 ainoastaan k\u00e4sill\u00e4 olevaan sis\u00e4lt\u00f6\u00f6n:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>We believe you should be able to disconnect from the internet without sacrificing the possibilities of a digital platform. By forcing you to physically disable your internet connection, The Disconnect creates a dynamic that allows you to enjoy engaging, digital content at your own pace.<\/p><cite><a href=\"https:\/\/thedisconnect.co\/\">The Disconnect<\/a><\/cite><\/blockquote>\n\n\n\n<p>N\u00e4ht\u00e4v\u00e4ksi j\u00e4\u00e4, kuinka laajalle idea levi\u00e4\u00e4. K\u00e4ytett\u00e4vyyden n\u00e4k\u00f6kulmasta ainakin The Disconnectin toteutus vaikuttaisi ongelmalliselta, kun sivujen sis\u00e4lt\u00f6 on piilotettu l\u00e4hdekoodista. N\u00e4in ollen luulen, ett\u00e4 ruudunlukijan k\u00e4ytt\u00e4j\u00e4t eiv\u00e4t p\u00e4\u00e4se sis\u00e4lt\u00f6\u00f6n ollenkaan k\u00e4siksi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00f6rm\u00e4sin CSS-Tricks-sivustolla ideaan, jossa voi olla ainesta pieneksi suunnittelutrendiksi: verkkosivut, jotka n\u00e4kyv\u00e4t vain offline tilassa. Toisin sanoen vierailijan t\u00e4ytyy sammuttaa internetyhteytens\u00e4, ennen kuin sis\u00e4lt\u00f6 avautuu tarkasteltavaksi. Esimerkkin\u00e4 The Disconnect -verkkojulkaisun ensimm\u00e4inen numero. Ilmeisesti koko sis\u00e4lt\u00f6 latautuu kerralla selaimeen, mutta vasta yhteyden sammuttamisen j\u00e4lkeen sen saa n\u00e4kyviin. Tekij\u00f6iden mukaan taustalla on ajatus, ett\u00e4 v\u00e4lill\u00e4 on hyv\u00e4 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3931,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[559,4,356,25],"tags":[553,349,307,554],"class_list":["post-3929","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-verkkojulkaiseminen","category-viestinta","category-web","tag-offline","tag-online","tag-suunnittelu","tag-trendi"],"_links":{"self":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts\/3929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/comments?post=3929"}],"version-history":[{"count":5,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts\/3929\/revisions"}],"predecessor-version":[{"id":4443,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts\/3929\/revisions\/4443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/media\/3931"}],"wp:attachment":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/media?parent=3929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/categories?post=3929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/tags?post=3929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}