{"id":6334,"date":"2022-05-09T10:02:00","date_gmt":"2022-05-09T02:02:00","guid":{"rendered":"https:\/\/howaneltravel.com\/wp\/?p=6334"},"modified":"2022-10-02T23:13:11","modified_gmt":"2022-10-02T15:13:11","slug":"dailyui-015-how-to-design-a-simple-on-off-switch","status":"publish","type":"post","link":"https:\/\/howaneltravel.com\/wp\/2022\/05\/dailyui-015-how-to-design-a-simple-on-off-switch\/","title":{"rendered":"#DailyUI #015 How to design a simple ON\/OFF switch"},"content":{"rendered":"\n<p class=\"has-text-color\" style=\"color:#333333\">#DailyUI #015 challenge: On\/Off Switch<\/p>\n\n\n\n<p class=\"has-text-color\" style=\"color:#333333\"><a rel=\"noreferrer noopener\" href=\"https:\/\/www.dailyui.co\/\" target=\"_blank\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-0-color\">DailyUI<\/mark><\/a> Design Hint: Design an On\/Off Switch. Consider what&#8217;s being turned on\/off and how it should be done.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?resize=385%2C400&#038;ssl=1\" alt=\"#DailyUI #015\" class=\"wp-image-6335\" width=\"385\" height=\"400\" srcset=\"https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?w=770&amp;ssl=1 770w, https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?resize=289%2C300&amp;ssl=1 289w, https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?resize=768%2C798&amp;ssl=1 768w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color\" style=\"color:#333333\">The task for today is to create an on\/off switch. <\/p>\n\n\n\n<p class=\"has-text-color\" style=\"color:#333333\">We can sometimes substitute the on\/off switch for the Yes\/No answers. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>#DailyUI #015 challenge: On\/Off Switch DailyUI Design Hint: Design an On\/Off Switch. Consider what&#8217;s being turned on\/off and how it should be done. The task for today is to create an on\/off switch. We can sometimes substitute the on\/off switch for the Yes\/No answers.<\/p>\n","protected":false},"author":2,"featured_media":6335,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[281],"tags":[312,283,313],"class_list":["post-6334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-design","tag-312","tag-dailyui","tag-on-off-switch"],"author_meta":{"display_name":"Calvina","author_link":"https:\/\/howaneltravel.com\/wp\/author\/quansan\/"},"featured_img":"https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=289%2C300&ssl=1","jetpack_featured_media_url":"https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=770%2C800&ssl=1","uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=770%2C800&ssl=1",770,800,false],"thumbnail":["https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?resize=150%2C150&ssl=1",150,150,true],"medium":["https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=289%2C300&ssl=1",289,300,true],"medium_large":["https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=768%2C798&ssl=1",768,798,true],"large":["https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=770%2C800&ssl=1",770,800,true],"1536x1536":["https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=770%2C800&ssl=1",770,800,true],"2048x2048":["https:\/\/i0.wp.com\/howaneltravel.com\/wp\/wp-content\/uploads\/2022\/04\/DailyUI-015.png?fit=770%2C800&ssl=1",770,800,true]},"uagb_author_info":{"display_name":"Calvina","author_link":"https:\/\/howaneltravel.com\/wp\/author\/quansan\/"},"uagb_comment_info":0,"uagb_excerpt":"#DailyUI #015 challenge: On\/Off Switch DailyUI Design Hint: Design an On\/Off Switch. Consider what&#8217;s being turned on\/off and how it should be done. The task for today is to create an on\/off switch. We can sometimes substitute the on\/off switch for the Yes\/No answers.","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/howaneltravel.com\/wp\/category\/ui-design\/\" class=\"advgb-post-tax-term\">UI Design<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">UI Design<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/howaneltravel.com\/wp\/category\/ui-design\/\" class=\"advgb-post-tax-term\">#015<\/a>","<a href=\"https:\/\/howaneltravel.com\/wp\/category\/ui-design\/\" class=\"advgb-post-tax-term\">#DailyUI<\/a>","<a href=\"https:\/\/howaneltravel.com\/wp\/category\/ui-design\/\" class=\"advgb-post-tax-term\">#On\/Off Switch<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">#015<\/span>","<span class=\"advgb-post-tax-term\">#DailyUI<\/span>","<span class=\"advgb-post-tax-term\">#On\/Off Switch<\/span>"]}},"comment_count":0,"relative_dates":{"created":"Posted 4 years ago","modified":"Updated 4 years ago"},"absolute_dates":{"created":"Posted on May 9, 2022","modified":"Updated on October 2, 2022"},"absolute_dates_time":{"created":"Posted on May 9, 2022 10:02 am","modified":"Updated on October 2, 2022 11:13 pm"},"featured_img_caption":"","series_order":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/posts\/6334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/comments?post=6334"}],"version-history":[{"count":4,"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/posts\/6334\/revisions"}],"predecessor-version":[{"id":7343,"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/posts\/6334\/revisions\/7343"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/media\/6335"}],"wp:attachment":[{"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/media?parent=6334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/categories?post=6334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howaneltravel.com\/wp\/wp-json\/wp\/v2\/tags?post=6334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}