{"id":1369,"date":"2025-10-04T13:02:38","date_gmt":"2025-10-04T13:02:38","guid":{"rendered":"https:\/\/kristian-frederichsen.dk\/?page_id=1369"},"modified":"2025-10-23T07:43:19","modified_gmt":"2025-10-23T07:43:19","slug":"skeumorphic-weather-app","status":"publish","type":"page","link":"https:\/\/kristian-frederichsen.dk\/index.php\/skeumorphic-weather-app\/","title":{"rendered":"Skeumorphic weather app"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1369\" class=\"elementor elementor-1369\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24163f5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"24163f5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9770035 elementor-widget elementor-widget-html\" data-id=\"9770035\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.site__box{\n    display: flex;\n    justify-self: center;\n    box-shadow: 0px 0px 8px 5px #4098FD inset, 0px 0px 15.6px 5px #4098FD  !important;\n}\n\n.sectionTitle{\n    font-size: 50px;\n    letter-spacing: 1px;\n    margin: 0;\n    padding: 0;\n    font-family: shrikhand;\n    text-align: center;\n    white-space: normal;\n    word-break: keep-all;\n    overflow-wrap: normal;\n}\n\n.sectionText{\n    padding-left: 25%;\n    padding-right: 25%;\n    font-size: 20px\n}\n\n@media (max-width: 375px) {\n    .sectionText{\n        padding-left: 5%;\n        padding-right: 5%;\n        font-size: 20px\n    }\n    \n    .sectionTitle{\n        font-size: 45px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34ed895 e-con-full site__box e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"34ed895\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6508e966 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"6508e966\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-64a56e0b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"64a56e0b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1e5bd7 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"e1e5bd7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tSkeumorphic Weather App\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81cbdea sectionText elementor-widget elementor-widget-text-editor\" data-id=\"81cbdea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"517\" data-end=\"768\">In this case study, I talk about this fun personal project of the weather app I made. It was to test the idea of blending real life into an app to connect real world elements into an app, making it easier to recognize each element in the app.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f855be5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"6f855be5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c84b05b elementor-widget elementor-widget-spacer\" data-id=\"5c84b05b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e509e9a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3e509e9a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e60022 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"9e60022\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tBackground\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da25f4d sectionText elementor-widget elementor-widget-text-editor\" data-id=\"da25f4d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tA fun, small project. The idea was to make a weather app that has its own streamline modern identity, while showing the most important stuff at a quick glance. The app should also use Skeumorphism. I.E. it has to look like something real.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39440f9 elementor-widget elementor-widget-image\" data-id=\"39440f9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"966\" height=\"493\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-3-1.png\" class=\"attachment-large size-large wp-image-1438\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-3-1.png 966w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-3-1-300x153.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-3-1-768x392.png 768w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27b934a3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"27b934a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6879832e elementor-widget elementor-widget-spacer\" data-id=\"6879832e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3964f5b2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3964f5b2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20141f2 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"20141f2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tChallenge\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54fc32cf sectionText elementor-widget elementor-widget-text-editor\" data-id=\"54fc32cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThe challenge of this was absolutely trying to keep the unique look while not removing practicality of showing the simplest information.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39cf4520 elementor-widget elementor-widget-image\" data-id=\"39cf4520\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"966\" height=\"493\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-4.png\" class=\"attachment-large size-large wp-image-1669\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-4.png 966w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-4-300x153.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-4-768x392.png 768w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52fd9381 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"52fd9381\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4101cac4 elementor-widget elementor-widget-spacer\" data-id=\"4101cac4\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c3f4bfd e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"1c3f4bfd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed49906 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"ed49906\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tSolution\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6534f2d1 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"6534f2d1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tTo give the app a look to be similar to something in real life, while also keeping the streamline modern look, I decided to give it a wooden theme with shiny buttons and glass.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52dce145 elementor-widget elementor-widget-image\" data-id=\"52dce145\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"966\" height=\"493\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-5.png\" class=\"attachment-full size-full wp-image-1671\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-5.png 966w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-5-300x153.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Desktop-5-768x392.png 768w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e13af76 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4e13af76\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f939076 elementor-widget elementor-widget-spacer\" data-id=\"2f939076\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93e8902 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"93e8902\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b733132 sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"b733132\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tRole and Contribution\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-395d0a42 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"395d0a42\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I made all of it myself with some outside feedback to make sure I didn&#8217;t get too secured on one idea.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-476c6a55 elementor-widget elementor-widget-image\" data-id=\"476c6a55\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"270\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-170916-1024x270.png\" class=\"attachment-large size-large wp-image-1440\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-170916-1024x270.png 1024w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-170916-300x79.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-170916-768x202.png 768w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-170916.png 1392w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14971e67 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"14971e67\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11eadf88 elementor-widget elementor-widget-spacer\" data-id=\"11eadf88\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-544e209c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"544e209c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75d13ee sectionTitle elementor-widget elementor-widget-text-editor\" data-id=\"75d13ee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tResults\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2853b838 sectionText elementor-widget elementor-widget-text-editor\" data-id=\"2853b838\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Personally, I am very satisfied with the result. Perhaps a bit messy, but does it job. It shows the current weather and temperature as well as wind speed and direction.<br \/>It also has a simplified future weather table for hours and days.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d984fd4 elementor-widget elementor-widget-image\" data-id=\"2d984fd4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/900000-4-scaled.png\" class=\"attachment-full size-full wp-image-1444\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/900000-4-scaled.png 2560w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/900000-4-300x225.png 300w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/900000-4-1024x768.png 1024w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/900000-4-768x576.png 768w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/900000-4-1536x1152.png 1536w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/900000-4-2048x1536.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2e9ed elementor-widget elementor-widget-image\" data-id=\"bd2e9ed\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"790\" src=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-171210.png\" class=\"attachment-full size-full wp-image-1445\" alt=\"\" srcset=\"https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-171210.png 384w, https:\/\/kristian-frederichsen.dk\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-05-171210-146x300.png 146w\" sizes=\"(max-width: 384px) 100vw, 384px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b20a416 elementor-widget elementor-widget-spacer\" data-id=\"b20a416\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1860a27 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"1860a27\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-950e845 elementor-widget elementor-widget-spacer\" data-id=\"950e845\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Skeumorphic Weather App In this case study, I talk about this fun personal project of the weather app I made. It was to test the idea of blending real life into an app to connect real world elements into an app, making it easier to recognize each element in the app. BackgroundA fun, small project. The idea was to make a weather app that has its own streamline modern identity, while showing the most important stuff at a quick glance. The app should also use Skeumorphism. I.E. it has to look like something real. ChallengeThe challenge of this was absolutely trying to keep the unique look while not removing practicality of showing the simplest information. SolutionTo give the app a look to be similar to something in real life, while also keeping the streamline modern look, I decided to give it a wooden theme with shiny buttons and glass. Role and Contribution I made all of it myself with some outside feedback to make sure I didn&#8217;t get too secured on one idea. Results Personally, I am very satisfied with the result. Perhaps a bit messy, but does it job. It shows the current weather and temperature as well as wind speed and direction.It also has a simplified future weather table for hours and days.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1369","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages\/1369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/comments?post=1369"}],"version-history":[{"count":15,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages\/1369\/revisions"}],"predecessor-version":[{"id":2137,"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/pages\/1369\/revisions\/2137"}],"wp:attachment":[{"href":"https:\/\/kristian-frederichsen.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}