{"id":1582,"date":"2025-03-02T05:22:07","date_gmt":"2025-03-01T22:22:07","guid":{"rendered":"https:\/\/www.yellowweb.id\/blog\/?p=1582"},"modified":"2025-03-02T05:22:12","modified_gmt":"2025-03-01T22:22:12","slug":"micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/","title":{"rendered":"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development"},"content":{"rendered":"\n

1. Apa Itu Micro-Interaction?<\/strong><\/h3>\n\n\n\n

Micro-interaction<\/strong> adalah animasi kecil dan respons interaktif yang muncul ketika pengguna berinteraksi dengan suatu elemen pada antarmuka (UI). Elemen ini meningkatkan pengalaman pengguna (UX<\/strong>) dengan memberikan feedback visual<\/strong>, membimbing navigasi, dan membuat website terasa lebih hidup.<\/p>\n\n\n\n\n\n\n\n

\ud83d\udccc Contoh Micro-Interaction:<\/strong>
\u2714\ufe0f Hover Effects<\/strong> \u2013 Warna tombol berubah saat kursor diarahkan.
\u2714\ufe0f Loading Animation<\/strong> \u2013 Indikator proses yang menunjukkan bahwa sistem sedang bekerja.
\u2714\ufe0f Toggle Switch Animation<\/strong> \u2013 Perpindahan on\/off dengan efek smooth.
\u2714\ufe0f Like Button Animation<\/strong> \u2013 Efek animasi saat tombol disukai, seperti di Instagram.
\u2714\ufe0f Error Vibration<\/strong> \u2013 Field input bergetar ketika pengguna salah memasukkan data.<\/p>\n\n\n\n

\n\n\n\n

2. Apa Itu UI Motion?<\/strong><\/h3>\n\n\n\n

UI Motion<\/strong> adalah animasi yang digunakan dalam desain antarmuka untuk membuat transisi yang lebih halus, natural, dan engaging<\/strong>. UI motion memberikan kesan fluiditas<\/strong>, membantu pengguna memahami navigasi, dan memperjelas interaksi antar elemen.<\/p>\n\n\n\n

\ud83d\udccc Manfaat UI Motion dalam Web Development:<\/strong>
\u2705 Meningkatkan UX<\/strong> \u2013 Navigasi terasa lebih intuitif dan menarik.
\u2705 Memberikan Feedback Visual<\/strong> \u2013 Animasi menunjukkan bahwa aksi pengguna berhasil.
\u2705 Membantu Branding<\/strong> \u2013 Motion dapat memperkuat identitas visual website\/aplikasi.
\u2705 Meningkatkan Engagement<\/strong> \u2013 Interaksi yang menarik dapat memperpanjang durasi sesi pengguna.<\/p>\n\n\n\n

\n\n\n\n

3. Elemen Penting dalam Micro-Interaction & UI Motion<\/strong><\/h3>\n\n\n\n

\ud83d\udd39 1. Animasi Navigasi<\/strong><\/h4>\n\n\n\n
    \n
  • Hamburger Menu Animation<\/strong> \u2192 Menu yang muncul dengan efek slide atau fade-in.<\/li>\n\n\n\n
  • Page Transition Effects<\/strong> \u2192 Perpindahan antar halaman dengan efek smooth.<\/li>\n<\/ul>\n\n\n\n

    \ud83d\udd39 2. Hover & Click Effects<\/strong><\/h4>\n\n\n\n
      \n
    • Button Hover Animation<\/strong> \u2192 Tombol berubah warna atau sedikit membesar saat disentuh.<\/li>\n\n\n\n
    • Click Ripple Effect<\/strong> \u2192 Gelombang kecil muncul ketika tombol ditekan.<\/li>\n<\/ul>\n\n\n\n

      \ud83d\udd39 3. Feedback & Status Indicators<\/strong><\/h4>\n\n\n\n
        \n
      • Form Validation Animation<\/strong> \u2192 Field input bergetar jika ada kesalahan.<\/li>\n\n\n\n
      • Progress Indicator<\/strong> \u2192 Menunjukkan loading dengan efek animasi yang menarik.<\/li>\n<\/ul>\n\n\n\n

        \ud83d\udd39 4. Scrolling Effects<\/strong><\/h4>\n\n\n\n
          \n
        • Parallax Scrolling<\/strong> \u2192 Background bergerak lebih lambat dari foreground untuk efek 3D.<\/li>\n\n\n\n
        • Lazy Load Animation<\/strong> \u2192 Elemen muncul bertahap saat pengguna menggulir halaman.<\/li>\n<\/ul>\n\n\n\n

          \ud83d\udd39 5. Microcopy Animation<\/strong><\/h4>\n\n\n\n
            \n
          • Tooltip Animation<\/strong> \u2192 Teks kecil muncul dengan efek fade-in saat pengguna hover.<\/li>\n\n\n\n
          • Auto-Suggest Dropdown<\/strong> \u2192 Saran muncul saat mengetik dalam search bar.<\/li>\n<\/ul>\n\n\n\n
            \n\n\n\n

            4. Tools untuk Membuat Micro-Interaction & UI Motion<\/strong><\/h3>\n\n\n\n

            \ud83d\udd27 CSS & JavaScript:<\/strong>
            \u2714\ufe0f CSS Animation & Transitions<\/strong> \u2013 Untuk efek sederhana.
            \u2714\ufe0f GSAP (GreenSock Animation Platform)<\/strong> \u2013 Untuk animasi kompleks.
            \u2714\ufe0f Framer Motion (React.js)<\/strong> \u2013 Framework animasi untuk React.
            \u2714\ufe0f LottieFiles<\/strong> \u2013 Animasi berbasis JSON yang ringan dan scalable.<\/p>\n\n\n\n

            \n\n\n\n

            5. Best Practices dalam Implementasi UI Motion<\/strong><\/h3>\n\n\n\n

            \ud83d\udca1 Gunakan Animasi yang Relevan<\/strong> \u2013 Jangan berlebihan agar tidak mengganggu UX.
            \ud83d\udca1 Optimalkan Performa<\/strong> \u2013 Pastikan animasi tidak memperlambat website.
            \ud83d\udca1 Konsisten dengan Branding<\/strong> \u2013 Gunakan motion yang sesuai dengan identitas visual.
            \ud83d\udca1 Gunakan Timing yang Tepat<\/strong> \u2013 Pastikan durasi animasi cukup cepat (<500ms) agar terasa responsif.<\/p>\n\n\n\n

            \n\n\n\n

            Kesimpulan<\/strong><\/h3>\n\n\n\n

            Micro-interaction dan UI Motion<\/strong> adalah elemen penting dalam web development modern<\/strong> yang meningkatkan pengalaman pengguna, memperjelas navigasi, dan membuat website lebih interaktif. Dengan memanfaatkan teknik animasi yang tepat, pengembang dapat menciptakan website yang lebih engaging dan efisien.<\/p>\n","protected":false},"excerpt":{"rendered":"

            1. Apa Itu Micro-Interaction? Micro-interaction adalah animasi kecil dan respons interaktif yang muncul ketika pengguna berinteraksi dengan suatu elemen pada antarmuka (UI). Elemen ini meningkatkan pengalaman pengguna (UX) dengan memberikan feedback visual, membimbing navigasi, dan membuat website terasa lebih hidup.<\/p>\n","protected":false},"author":1,"featured_media":1583,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[665,661,662],"class_list":["post-1582","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-berita-teknologi","tag-gsap","tag-microinteraction","tag-uimotion"],"yoast_head":"\nMicro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development - YELLOWWEB.ID<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"1. Apa Itu Micro-Interaction? Micro-interaction adalah animasi kecil dan respons interaktif yang muncul ketika pengguna berinteraksi dengan suatu elemen pada antarmuka (UI). Elemen ini meningkatkan pengalaman pengguna (UX) dengan memberikan feedback visual, membimbing navigasi, dan membuat website terasa lebih hidup.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-01T22:22:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-01T22:22:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/03\/Micro.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development\",\"datePublished\":\"2025-03-01T22:22:07+00:00\",\"dateModified\":\"2025-03-01T22:22:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/\"},\"wordCount\":422,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Micro.png\",\"keywords\":[\"GSAP\",\"MicroInteraction\",\"UIMotion\"],\"articleSection\":[\"Berita Teknologi\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/\",\"name\":\"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Micro.png\",\"datePublished\":\"2025-03-01T22:22:07+00:00\",\"dateModified\":\"2025-03-01T22:22:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Micro.png\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Micro.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development - YELLOWWEB.ID","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/","og_locale":"en_GB","og_type":"article","og_title":"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development - YELLOWWEB.ID","og_description":"1. Apa Itu Micro-Interaction? Micro-interaction adalah animasi kecil dan respons interaktif yang muncul ketika pengguna berinteraksi dengan suatu elemen pada antarmuka (UI). Elemen ini meningkatkan pengalaman pengguna (UX) dengan memberikan feedback visual, membimbing navigasi, dan membuat website terasa lebih hidup.","og_url":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2025-03-01T22:22:07+00:00","article_modified_time":"2025-03-01T22:22:12+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/03\/Micro.png","type":"image\/png"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development","datePublished":"2025-03-01T22:22:07+00:00","dateModified":"2025-03-01T22:22:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/"},"wordCount":422,"commentCount":0,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/03\/Micro.png","keywords":["GSAP","MicroInteraction","UIMotion"],"articleSection":["Berita Teknologi"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/","url":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/","name":"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/03\/Micro.png","datePublished":"2025-03-01T22:22:07+00:00","dateModified":"2025-03-01T22:22:12+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/03\/Micro.png","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2025\/03\/Micro.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/micro-interaction-ui-motion-meningkatkan-pengalaman-pengguna-dalam-web-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Micro-Interaction & UI Motion: Meningkatkan Pengalaman Pengguna dalam Web Development"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=1582"}],"version-history":[{"count":1,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1582\/revisions"}],"predecessor-version":[{"id":1584,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1582\/revisions\/1584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/1583"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}