{"id":2148,"date":"2020-11-25T18:52:23","date_gmt":"2020-11-25T17:52:23","guid":{"rendered":"https:\/\/ipsview.brownson.at\/?p=2148"},"modified":"2020-11-25T22:11:22","modified_gmt":"2020-11-25T21:11:22","slug":"touchscreen-neue-wetterseite","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=2148","title":{"rendered":"Touchscreen – Neue Wetterseite"},"content":{"rendered":"

Neue Wetterseite f\u00fcr meinen Touchscreen<\/h1><\/div>

Inspiriert vom meinem Entertainment Popup<\/a>, habe ich auch meine Wetterseite etwas \u00fcberarbeitet.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

CircleSlider<\/h1><\/div>

Idee war, f\u00fcr einige Werte CircleSlider zu verwenden, damit diese von der Ferne besser ablesbar sind.<\/h3>\n<\/div>

F\u00fcr die Anzeige der Temperatur habe ich einen CircleSlider im rechten oberen Bereich platziert und ID, Max und Min Value entsprechend gesetzt.<\/h3>\n<\/div>

Selbiges habe ich auch f\u00fcr Luftfeuchtigkeit, Windgeschwindigkeit und Windrichtung gemacht.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Beim CircleSlider f\u00fcr die Darstellung der Windrichtung werden gesonderte Einstellungen verwendet, damit hier nur ein Punkt entsprechend der Windrichtung zu sehen ist.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>

Images<\/h1><\/div>

\u00dcber die CircleSlider werden dann entsprechende Images und VarLabels mit den eigentlichen Werten f\u00fcr Wetter, Temperatur, Luftfeuchte und Windgeschwindigkeit platziert.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Client<\/h1><\/div>

Das fertige Ergebnis ist dann im Client zu sehen.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[136,75,135],"class_list":["post-2148","post","type-post","status-publish","format-standard","hentry","category-howto","tag-circleslider","tag-touchscreen","tag-wetter"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2148"}],"version-history":[{"count":4,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2148\/revisions"}],"predecessor-version":[{"id":2163,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2148\/revisions\/2163"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}