{"id":22744,"date":"2023-08-15T20:00:13","date_gmt":"2023-08-15T14:30:13","guid":{"rendered":"https:\/\/www.interviewbit.com\/blog\/?post_type=web-story&#038;p=22744"},"modified":"2023-08-15T19:29:23","modified_gmt":"2023-08-15T13:59:23","slug":"ui-ux-design-principles-for-front-end-developers","status":"publish","type":"web-story","link":"https:\/\/www.interviewbit.com\/blog\/web-stories\/ui-ux-design-principles-for-front-end-developers\/","title":{"rendered":"UI\/UX Design Principles for Front-End Developers"},"content":{"rendered":"<p><html amp=\"\" lang=\"en\"><head><meta charSet=\"utf-8\"\/><meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\"\/><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0.js\"><\/script><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-story-1.0.js\" custom-element=\"amp-story\"><\/script><link href=\"https:\/\/fonts.googleapis.com\/css2?display=swap&amp;family=Anton&amp;family=Darker+Grotesque%3Awght%40400%3B700&amp;family=Roboto&amp;family=Poppins%3Awght%40700\" rel=\"stylesheet\"\/><link href=\"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=9504&amp;h=6336&amp;fit=max\" rel=\"preload\" as=\"image\"\/>\n<style amp-boilerplate=\"\">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}<\/style>\n<p><noscript><\/p>\n<style amp-boilerplate=\"\">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}<\/style>\n<p><\/noscript><\/p>\n<style amp-custom=\"\">\n              h1, h2, h3 { font-weight: normal; }<\/p>\n<p>              amp-story-page {\n                background-color: #131516;\n              }<\/p>\n<p>              amp-story-grid-layer {\n                overflow: visible;\n              }<\/p>\n<p>              @media (max-aspect-ratio: 9 \/ 16)  {\n                @media (min-aspect-ratio: 320 \/ 678) {\n                  amp-story-grid-layer.grid-layer {\n                    margin-top: calc((100% \/ 0.5625 - 100% \/ 0.6666666666666666) \/ 2);\n                  }\n                }\n              }<\/p>\n<p>              @media not all and (min-resolution:.001dpcm) {\n                @media {\n                  p.text-wrapper > span {\n                    font-size: calc(100% - 0.5px);\n                  }\n                }\n              }<\/p>\n<p>              .page-fullbleed-area,\n              .page-background-overlay-area {\n                position: absolute;\n                overflow: hidden;\n                width: 100%;\n                left: 0;\n                height: calc(1.1851851851851851 * 100%);\n                top: calc((1 - 1.1851851851851851) * 100% \/ 2);\n              }<\/p>\n<p>              .element-overlay-area {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n              }<\/p>\n<p>              .page-safe-area {\n                overflow: visible;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: calc(0.84375 * 100%);\n                margin: auto 0;\n              }<\/p>\n<p>              .mask {\n                position: absolute;\n                overflow: hidden;\n              }<\/p>\n<p>              .fill {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                margin: 0;\n              }<\/p>\n<p>              @media (prefers-reduced-motion: no-preference) {\n                .animation-wrapper {\n                  opacity: var(--initial-opacity);\n                  transform: var(--initial-transform);\n                }\n              }<\/p>\n<p>              amp-story-grid-layer.align-bottom {\n                align-content: end;\n                padding: 0;\n              }<\/p>\n<p>              .captions-area {\n                padding: 0 32px 0;\n              }<\/p>\n<p>              amp-story-captions {\n                margin-bottom: 16px;\n                text-align: center;\n              }<\/p>\n<p>              amp-story-captions span {\n                display: inline-block;\n                margin: 0;\n                padding: 6px 12px;\n                vertical-align: middle;\n                border-radius: 15px;\n                background: rgba(11, 11, 11, 0.6);\n                color: rgba(255, 255, 255, 1);\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;;\n                font-size: calc(4 * var(--story-page-vw));\n                line-height: 1.4;\n                word-break: break-word;\n                word-wrap: break-word;\n                overflow-wrap: break-word;\n              }\n              <\/style>\n<p><meta name=\"web-stories-replace-head-start\"\/><title>UI\/UX Design Principles for Front-End Developers<\/title><link rel=\"canonical\" href=\"https:\/\/www.interviewbit.com\/blog\/?post_type=web-story&amp;p=22744\"\/><meta name=\"web-stories-replace-head-end\"\/><\/head><body><amp-story standalone=\"\" publisher=\"InterviewBit\" publisher-logo-src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/cropped-tumblr-logo.png\" title=\"UI\/UX Design Principles for Front-End Developers\" poster-portrait-src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2023\/08\/cropped-UI_UX-Design-Principles-for-Front-End-Developers.jpg\"><amp-story-page id=\"e8de3bd0-50f1-44e6-a934-453d1980d163\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-d1c32b30-b2a3-4b8d-b1db-394500f4c754\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a1aff621-7526-413b-8747-4309c035e459\",\"keyframes\":{\"transform\":[\"rotate(-360deg) translate3d(0px, -758.6769%, 0) rotate(360deg)\",\"rotate(-360deg) translate3d(0px, 0px, 0) rotate(360deg)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#0c2626\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-289c6cab-9fc5-479e-8a8a-ce19360ec7db\">\n<div style=\"position:absolute;width:266.66667%;height:100%;left:-74.47917%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=9504&amp;h=6336&amp;fit=max\" alt=\"man in black long sleeve shirt using computer\" srcSet=\"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=9504&amp;h=6336&amp;fit=max 9504w,https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=7603&amp;h=5069&amp;fit=max 7603w,https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=5702&amp;h=3801&amp;fit=max 5702w,https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3801&amp;h=2534&amp;fit=max 3801w,https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1900&amp;h=1267&amp;fit=max 1900w,https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=227&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 120vh, 267vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:2.18447%;top:85.59871%;width:95.63107%;height:14.40129%;transform:rotate(360deg);opacity:1\">\n<div id=\"anim-d1c32b30-b2a3-4b8d-b1db-394500f4c754\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-a1aff621-7526-413b-8747-4309c035e459\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:rotate(-360deg) translate3d(0px, -758.6769%, 0) rotate(360deg)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5076142131979695% 0.5076142131979695% 0.5076142131979695% 0.5076142131979695% \/ 2.247191011235955% 2.247191011235955% 2.247191011235955% 2.247191011235955%\" id=\"el-700653a1-7c6f-4229-9a9d-40d583cd443c\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3207165093591375% 0;font-family:&quot;Anton&quot;,sans-serif;font-size:0.533981em;line-height:1.19;text-align:left;padding:0;color:#000000\"><span><span style=\"color: #fff\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Design Principles for Front-End Developers<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-cb48c127-3fe1-4225-9f7c-cff7090fd555\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:2.18447%;top:77.6699%;width:100.24272%;height:18.28479%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48426150121065376% 0.48426150121065376% 0.48426150121065376% 0.48426150121065376% \/ 1.7699115044247788% 1.7699115044247788% 1.7699115044247788% 1.7699115044247788%\" id=\"el-45976eae-5718-4aa7-a002-6c2f881b84a5\">\n<h1 id=\"ux-ui\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:2.8635389868341403% 0;font-family:&quot;Anton&quot;,sans-serif;font-size:1.213592em;line-height:1.19;text-align:left;padding:0;color:#000000\"><span><span style=\"color: #1263ff\">UX\/UI<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"8c6bf4ec-2231-4205-afc1-feff529ae9f3\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-27af9a63-0a96-4e90-a517-a39c5beca880\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c4914460-3257-4cc3-bc98-41784c1a91b7\",\"keyframes\":{\"transform\":[\"translate3d(0px, -448.54284%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a9ed70d1-840a-4531-b874-d6569f0e18e6 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.812499744007886%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#262626\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-a9ed70d1-840a-4531-b874-d6569f0e18e6\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-0366e656-c91b-43db-82f4-eef70f3963c8\">\n<div style=\"position:absolute;width:118.51852%;height:100%;left:-9.25926%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3456&amp;h=5184&amp;fit=max\" alt=\"man sitting facing silver MacBook inside room\" srcSet=\"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3456&amp;h=5184&amp;fit=max 3456w,https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=2764&amp;h=4146&amp;fit=max 2764w,https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=2073&amp;h=3110&amp;fit=max 2073w,https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1382&amp;h=2073&amp;fit=max 1382w,https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=691&amp;h=1037&amp;fit=max 691w,https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-16.26214%;top:58.09061%;width:139.80583%;height:28.47896%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-a881fc6a-7d42-46fe-89c7-57804b528a23\">\n<div class=\"fill\" style=\"background-color:rgba(18,99,255,0.3);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-81811408-af93-46a4-9620-651285eea9d8\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:59.54693%;width:90.29126%;height:19.7411%;opacity:1\">\n<div id=\"anim-27af9a63-0a96-4e90-a517-a39c5beca880\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-c4914460-3257-4cc3-bc98-41784c1a91b7\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -448.54284%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5376344086021506% 0.5376344086021506% 0.5376344086021506% 0.5376344086021506% \/ 1.639344262295082% 1.639344262295082% 1.639344262295082% 1.639344262295082%\" id=\"el-cfca1c02-e711-4541-8f4f-1ccbec4bcde6\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3397849462365596% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">Proper alignment creates visual harmony, making elements feel connected and organized on the user interface.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:51.94175%;width:90.04854%;height:6.14887%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5390835579514826% 0.5390835579514826% 0.5390835579514826% 0.5390835579514826% \/ 5.263157894736842% 5.263157894736842% 5.263157894736842% 5.263157894736842%\" id=\"el-9dbe538c-31ff-4e87-b137-2fe088398513\">\n<h2 id=\"1-alignment\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.343396226415095% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">1. Alignment<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:90.12945%;width:99.75728%;height:6.95793%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48661800486618007% 0.48661800486618007% 0.48661800486618007% 0.48661800486618007% \/ 4.651162790697675% 4.651162790697675% 4.651162790697675% 4.651162790697675%\" id=\"el-6a42cf66-a772-4591-b69b-b2623458ac12\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3527980535279807% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.323625em;line-height:0.8;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/11\/Python-Libraries.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers\" rel=\"\">Explore now<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"40e238c0-cd08-4923-bd94-e7fbdf785fcb\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-4863672b-e9fa-4222-9115-2ae1cf32371b\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-69b6a976-779c-465f-bc6d-916bd2f814b9\",\"keyframes\":{\"transform\":[\"translate3d(0px, -448.54284%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e74a5db3-7b03-4763-9de6-793ce89e3b89 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.833089055992263%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#262626\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-e74a5db3-7b03-4763-9de6-793ce89e3b89\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6417e2e4-880c-4959-9e6c-834fe69f9dd6\">\n<div style=\"position:absolute;width:118.57639%;height:100%;left:-9.2882%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=5464&amp;h=8192&amp;fit=max\" alt=\"a man sitting down with a backpack on his lap\" srcSet=\"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=5464&amp;h=8192&amp;fit=max 5464w,https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=4371&amp;h=6553&amp;fit=max 4371w,https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3278&amp;h=4915&amp;fit=max 3278w,https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=2185&amp;h=3276&amp;fit=max 2185w,https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1092&amp;h=1637&amp;fit=max 1092w,https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-16.26214%;top:58.09061%;width:139.80583%;height:28.47896%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-27beae49-65dd-4b02-a481-7846ad4a3560\">\n<div class=\"fill\" style=\"background-color:rgba(18,99,255,0.3);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-46d88c1c-7a43-4355-acc1-3a75a4e5a0cc\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:59.54693%;width:90.29126%;height:19.7411%;opacity:1\">\n<div id=\"anim-4863672b-e9fa-4222-9115-2ae1cf32371b\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-69b6a976-779c-465f-bc6d-916bd2f814b9\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -448.54284%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5376344086021506% 0.5376344086021506% 0.5376344086021506% 0.5376344086021506% \/ 1.639344262295082% 1.639344262295082% 1.639344262295082% 1.639344262295082%\" id=\"el-62e20916-b207-4d22-acbb-57f8b4d6ee58\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3397849462365596% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">Well-balanced spacing enhances readability and user experience by giving elements enough breathing room.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:5.09709%;top:51.94175%;width:90.04854%;height:6.14887%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5390835579514826% 0.5390835579514826% 0.5390835579514826% 0.5390835579514826% \/ 5.263157894736842% 5.263157894736842% 5.263157894736842% 5.263157894736842%\" id=\"el-e13e08f4-563d-4629-9777-e8631e99d259\">\n<h2 id=\"2-spacing\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.343396226415095% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">2. Spacing<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:90.12945%;width:99.75728%;height:6.95793%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48661800486618007% 0.48661800486618007% 0.48661800486618007% 0.48661800486618007% \/ 4.651162790697675% 4.651162790697675% 4.651162790697675% 4.651162790697675%\" id=\"el-5ec73cef-3e72-4d63-af69-e33b84c6a008\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3527980535279807% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.323625em;line-height:0.8;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg\"><a href=\"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers\" rel=\"\">Explore now<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"95903fc4-ab54-43ff-8549-b530094a70d1\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-5c9f1c93-c86b-4522-8e05-97baae389be1\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-686fe7cf-0154-4fc1-99d6-89d5d8c0987e\",\"keyframes\":{\"transform\":[\"translate3d(0px, -448.54284%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-04f6f2ce-ed0e-4321-b111-be6a83ea05d6 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.812499744007886%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#26260c\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-04f6f2ce-ed0e-4321-b111-be6a83ea05d6\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-7dae3820-97aa-417e-ad01-99cd25e260d5\">\n<div style=\"position:absolute;width:118.51852%;height:100%;left:-9.25926%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1856&amp;h=2784&amp;fit=max\" alt=\"woman in yellow shirt and blue denim jeans sitting on gray sofa using macbook\" srcSet=\"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1856&amp;h=2784&amp;fit=max 1856w,https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1484&amp;h=2226&amp;fit=max 1484w,https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1113&amp;h=1670&amp;fit=max 1113w,https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=742&amp;h=1113&amp;fit=max 742w,https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=371&amp;h=557&amp;fit=max 371w,https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-16.26214%;top:58.09061%;width:139.80583%;height:28.47896%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e58f9bfd-8ceb-4304-a112-284238a988bb\">\n<div class=\"fill\" style=\"background-color:rgba(18,99,255,0.3);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-b5cf3d24-52ce-4d75-9e43-2bd8784e2509\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:59.54693%;width:90.29126%;height:19.7411%;opacity:1\">\n<div id=\"anim-5c9f1c93-c86b-4522-8e05-97baae389be1\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-686fe7cf-0154-4fc1-99d6-89d5d8c0987e\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -448.54284%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5376344086021506% 0.5376344086021506% 0.5376344086021506% 0.5376344086021506% \/ 1.639344262295082% 1.639344262295082% 1.639344262295082% 1.639344262295082%\" id=\"el-3eac308c-a7c5-482a-9ed0-4f5eb2666057\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3397849462365596% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">Consistent visual style with appropriate colors and elements establishes a strong brand identity and improves user engagement.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:5.09709%;top:51.94175%;width:90.04854%;height:6.14887%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5390835579514826% 0.5390835579514826% 0.5390835579514826% 0.5390835579514826% \/ 5.263157894736842% 5.263157894736842% 5.263157894736842% 5.263157894736842%\" id=\"el-e7490593-5412-4556-a5bb-16b43e2c7aa6\">\n<h2 id=\"3-visual-style\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.343396226415095% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">3. Visual Style<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:90.12945%;width:99.75728%;height:6.95793%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48661800486618007% 0.48661800486618007% 0.48661800486618007% 0.48661800486618007% \/ 4.651162790697675% 4.651162790697675% 4.651162790697675% 4.651162790697675%\" id=\"el-9c9b7973-84ef-48af-885e-23f10ab6205a\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3527980535279807% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.323625em;line-height:0.8;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg\"><a href=\"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers\" rel=\"\">Explore now<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"003c04fa-fa9a-41be-99d6-dff01f94a2c3\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e0263b5d-7f2f-4111-8548-e850d7882dd7 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.8337101513764065%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-5caec23f-21f5-4479-8b9d-353a9e540bcb\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-d877d6c3-32ca-4651-91f3-24024f041498\",\"keyframes\":{\"transform\":[\"translate3d(0px, -448.54284%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f3d9d9\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-e0263b5d-7f2f-4111-8548-e850d7882dd7\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-741b80be-f1e4-4e7e-81a1-3f452436e27f\">\n<div style=\"position:absolute;width:118.57814%;height:100%;left:-9.28907%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=6630&amp;h=9940&amp;fit=max\" alt=\"woman in black shirt using computer\" srcSet=\"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=6630&amp;h=9940&amp;fit=max 6630w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=5304&amp;h=7952&amp;fit=max 5304w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3978&amp;h=5964&amp;fit=max 3978w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=2652&amp;h=3976&amp;fit=max 2652w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1326&amp;h=1988&amp;fit=max 1326w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-16.26214%;top:58.09061%;width:139.80583%;height:28.47896%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-a827b318-27ec-4a0a-8d5d-e81a6562a733\">\n<div class=\"fill\" style=\"background-color:rgba(18,99,255,0.3);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-5e87eb52-4c7b-48b0-87a5-6a9f21443327\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:59.54693%;width:90.29126%;height:19.7411%;opacity:1\">\n<div id=\"anim-5caec23f-21f5-4479-8b9d-353a9e540bcb\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-d877d6c3-32ca-4651-91f3-24024f041498\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -448.54284%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5376344086021506% 0.5376344086021506% 0.5376344086021506% 0.5376344086021506% \/ 1.639344262295082% 1.639344262295082% 1.639344262295082% 1.639344262295082%\" id=\"el-62f79cfc-133e-4362-8628-6e8f100fd8a5\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3397849462365596% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">Adding interactive hover and focus states provides visual feedback, improving the overall user interface&#8217;s interactivity.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:5.09709%;top:51.94175%;width:90.04854%;height:6.14887%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5390835579514826% 0.5390835579514826% 0.5390835579514826% 0.5390835579514826% \/ 5.263157894736842% 5.263157894736842% 5.263157894736842% 5.263157894736842%\" id=\"el-6d969ede-2f2e-490c-8a16-bcbd122c2700\">\n<h2 id=\"4-hover-and-focus-states\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.343396226415095% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">4. Hover and Focus States<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:90.12945%;width:99.75728%;height:6.95793%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48661800486618007% 0.48661800486618007% 0.48661800486618007% 0.48661800486618007% \/ 4.651162790697675% 4.651162790697675% 4.651162790697675% 4.651162790697675%\" id=\"el-f39e4ffd-9ae4-4a63-a851-def3abf9d9a4\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3527980535279807% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.323625em;line-height:0.8;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/11\/Python-Libraries.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers\" rel=\"\">Explore now<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"e527486a-774a-4c1c-b1b0-bc90e6a54bf1\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7492489d-8237-428c-9b1d-f013ac9cc3b8 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.812499744007886%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-9ac9ae4b-1871-430e-82c4-d5c5b01e898f\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-6a8dbeb2-2647-45ba-b516-839d884a4d6a\",\"keyframes\":{\"transform\":[\"translate3d(0px, -448.54284%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f3f3f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-7492489d-8237-428c-9b1d-f013ac9cc3b8\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6417e2e4-880c-4959-9e6c-834fe69f9dd6\">\n<div style=\"position:absolute;width:118.51852%;height:100%;left:-9.25926%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4000&amp;h=6000&amp;fit=max\" alt=\"woman leaning at the table\" srcSet=\"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4000&amp;h=6000&amp;fit=max 4000w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3200&amp;h=4800&amp;fit=max 3200w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2400&amp;h=3600&amp;fit=max 2400w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=1600&amp;h=2400&amp;fit=max 1600w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=800&amp;h=1200&amp;fit=max 800w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-16.26214%;top:58.09061%;width:139.80583%;height:28.47896%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-49e405bb-1c77-45fd-8e91-d2c017b5f16c\">\n<div class=\"fill\" style=\"background-color:rgba(18,99,255,0.3);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-78fac6be-aadb-4543-8fc0-853d074437f3\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:59.54693%;width:90.29126%;height:19.7411%;opacity:1\">\n<div id=\"anim-9ac9ae4b-1871-430e-82c4-d5c5b01e898f\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-6a8dbeb2-2647-45ba-b516-839d884a4d6a\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -448.54284%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5376344086021506% 0.5376344086021506% 0.5376344086021506% 0.5376344086021506% \/ 1.639344262295082% 1.639344262295082% 1.639344262295082% 1.639344262295082%\" id=\"el-d88b738d-5eeb-403c-87f0-59bba1193fd8\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3397849462365596% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">Subtle animations can bring life to the interface, making it more engaging and guiding users through interactions.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:5.09709%;top:51.94175%;width:90.04854%;height:6.14887%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5390835579514826% 0.5390835579514826% 0.5390835579514826% 0.5390835579514826% \/ 5.263157894736842% 5.263157894736842% 5.263157894736842% 5.263157894736842%\" id=\"el-78b1ca5d-7805-42b0-b897-6a048e31410d\">\n<h2 id=\"5-animation\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.343396226415095% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">5. Animation<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:90.12945%;width:99.75728%;height:6.95793%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48661800486618007% 0.48661800486618007% 0.48661800486618007% 0.48661800486618007% \/ 4.651162790697675% 4.651162790697675% 4.651162790697675% 4.651162790697675%\" id=\"el-1411cdd4-f562-422f-8691-655fde85a2bd\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3527980535279807% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.323625em;line-height:0.8;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg\"><a href=\"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers\" rel=\"\">Explore now<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"c699d037-0d65-42ff-be87-cc83edf95486\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e64b24b0-267e-4f98-9c38-0f61e890d523\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e6cf9c12-4e90-44a2-91ed-ebe2f27e151b\",\"keyframes\":{\"transform\":[\"translate3d(0px, -448.54284%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-5399119f-2fa2-44b2-a9d1-075346cea5e4 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(16.179687294779658%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#402626\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-5399119f-2fa2-44b2-a9d1-075346cea5e4\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e6f59b6e-008a-4cb7-bd3c-f910fb430d89\">\n<div style=\"position:absolute;width:147.84015%;height:100%;left:-23.92007%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=4000&amp;h=4810&amp;fit=max\" alt=\"woman in black blazer using silver macbook\" srcSet=\"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=4000&amp;h=4810&amp;fit=max 4000w,https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3200&amp;h=3848&amp;fit=max 3200w,https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=2400&amp;h=2886&amp;fit=max 2400w,https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1600&amp;h=1924&amp;fit=max 1600w,https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=800&amp;h=962&amp;fit=max 800w,https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=409&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 67vh, 148vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-16.26214%;top:58.09061%;width:139.80583%;height:28.47896%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-2912d72c-7ffb-4376-9efa-04866c4276a3\">\n<div class=\"fill\" style=\"background-color:rgba(18,99,255,0.3);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-3e628981-0470-432e-b450-b46b4dd70164\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:59.54693%;width:90.29126%;height:19.7411%;opacity:1\">\n<div id=\"anim-e64b24b0-267e-4f98-9c38-0f61e890d523\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-e6cf9c12-4e90-44a2-91ed-ebe2f27e151b\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -448.54284%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5376344086021506% 0.5376344086021506% 0.5376344086021506% 0.5376344086021506% \/ 1.639344262295082% 1.639344262295082% 1.639344262295082% 1.639344262295082%\" id=\"el-ce4eb3f9-7ba0-42fa-aea8-cf6cd697f070\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3397849462365596% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">Using appropriate text sizes ensures readability across different devices and enhances the user&#8217;s understanding of content.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:5.09709%;top:51.94175%;width:90.04854%;height:6.14887%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5390835579514826% 0.5390835579514826% 0.5390835579514826% 0.5390835579514826% \/ 5.263157894736842% 5.263157894736842% 5.263157894736842% 5.263157894736842%\" id=\"el-4d8be09b-6937-4127-9025-8581d4e03c1d\">\n<h2 id=\"6-text-sizes\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.343396226415095% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.453074em;line-height:1;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">6. Text Sizes<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:90.12945%;width:99.75728%;height:6.95793%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48661800486618007% 0.48661800486618007% 0.48661800486618007% 0.48661800486618007% \/ 4.651162790697675% 4.651162790697675% 4.651162790697675% 4.651162790697675%\" id=\"el-22e6e486-0a6d-4d6b-a9de-83274eecac64\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3527980535279807% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.323625em;line-height:0.8;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/11\/Python-Libraries.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers\" rel=\"\">Explore now<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"54247e4a-4c34-4389-9ef8-e2ad1e555aa1\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-4617cfc4-3410-4976-ab12-6a2a2229bcde\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-acf890f1-6b45-49c7-9fe3-f25e8718e47b\",\"keyframes\":{\"transform\":[\"translate3d(0px, -247.8853%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-83da9f90-38a6-40b0-b2e8-1e82cd7574ce\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-3bb1f77a-8293-40f4-954e-b9d7e98d8393\",\"keyframes\":{\"transform\":[\"translate3d(0px, -332.86194%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#262626\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-52e4f493-e25d-4e03-b7aa-697c8631c3c3\">\n<div style=\"position:absolute;width:267.66542%;height:100%;left:-83.83271%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4288&amp;h=2848&amp;fit=max\" alt=\"person using track pad\" srcSet=\"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4288&amp;h=2848&amp;fit=max 4288w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3430&amp;h=2278&amp;fit=max 3430w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2572&amp;h=1708&amp;fit=max 2572w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=1715&amp;h=1139&amp;fit=max 1715w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=857&amp;h=569&amp;fit=max 857w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=340&amp;h=226&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 121vh, 268vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-image:linear-gradient(0.5turn, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%)\"><\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-image:linear-gradient(0.5turn, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-85da65c1-1fb2-40ba-8a02-41ca3ec7d153\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.12621%;top:52.91262%;width:91.74757%;height:26.69903%;opacity:1\">\n<div id=\"anim-83da9f90-38a6-40b0-b2e8-1e82cd7574ce\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-3bb1f77a-8293-40f4-954e-b9d7e98d8393\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -332.86194%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5291005291005291% 0.5291005291005291% 0.5291005291005291% 0.5291005291005291% \/ 1.2121212121212122% 1.2121212121212122% 1.2121212121212122% 1.2121212121212122%\" id=\"el-8f22a9ff-495f-41ca-b7f2-b60d1aa3ab6b\">\n<h3 id=\"discover-the-essential-blog-by-interviewbit-to-enhance-your-front-end-development-skills-and-open-doors-to-endless-opportunities-seize-the-possibilities-in-the-world-of-front-end-development\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.5229001322751323% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.372168em;line-height:1;text-align:left;padding:0;color:#000000\"><span><span style=\"color: #fff\">Discover the essential blog by InterviewBit to enhance your Front-end development skills and open doors to endless opportunities.<\/span><\/p>\n<p><span style=\"color: #1263ff\">Seize the possibilities in the world of Front-end development.<\/span><span style=\"color: #013bad\">&nbsp;<\/span><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:3.39806%;top:27.83172%;width:91.74757%;height:25.08091%;opacity:1\">\n<div id=\"anim-4617cfc4-3410-4976-ab12-6a2a2229bcde\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-acf890f1-6b45-49c7-9fe3-f25e8718e47b\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -247.8853%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" id=\"el-d0a9448e-0825-4a27-afef-cf3753e1b025\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.8518518518518516% 0;font-family:&quot;Poppins&quot;,sans-serif;font-size:0.566343em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Ready to&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">Improve your Front-end Development Skills?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:4.12621%;top:17.79935%;width:11.40777%;height:7.28155%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;clip-path:url(#el-cab5dc4e-70e7-446a-9516-9aa3a621a79e);-webkit-clip-path:url(#el-cab5dc4e-70e7-446a-9516-9aa3a621a79e)\" class=\"mask\"><svg width=\"0\" height=\"0\"><defs><clipPath id=\"el-cab5dc4e-70e7-446a-9516-9aa3a621a79e\" transform=\"scale(1 1.051524710830705)\" clipPathUnits=\"objectBoundingBox\"><path d=\"M 0.50000026,0.78688566 0.19262278,0.95082018 0.2500004,0.6065577 0,0.36065594 0.34426194,0.31147556 0.50000026,0 0.65573858,0.31147556 1,0.36065594 0.75000014,0.6065577 0.80737774,0.95082018 Z\"><\/path><\/clipPath><\/defs><\/svg><\/p>\n<div class=\"fill\" style=\"background-color:#003bad;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:15.29126%;top:17.79935%;width:11.40777%;height:7.28155%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;clip-path:url(#el-5c602a45-e2cf-49cf-ae22-88ed66d35076);-webkit-clip-path:url(#el-5c602a45-e2cf-49cf-ae22-88ed66d35076)\" class=\"mask\"><svg width=\"0\" height=\"0\"><defs><clipPath id=\"el-5c602a45-e2cf-49cf-ae22-88ed66d35076\" transform=\"scale(1 1.051524710830705)\" clipPathUnits=\"objectBoundingBox\"><path d=\"M 0.50000026,0.78688566 0.19262278,0.95082018 0.2500004,0.6065577 0,0.36065594 0.34426194,0.31147556 0.50000026,0 0.65573858,0.31147556 1,0.36065594 0.75000014,0.6065577 0.80737774,0.95082018 Z\"><\/path><\/clipPath><\/defs><\/svg><\/p>\n<div class=\"fill\" style=\"background-color:#003bad;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:26.94175%;top:17.79935%;width:11.40777%;height:7.28155%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;clip-path:url(#el-ada07d4b-2570-4c81-9db5-3dd8141745b8);-webkit-clip-path:url(#el-ada07d4b-2570-4c81-9db5-3dd8141745b8)\" class=\"mask\"><svg width=\"0\" height=\"0\"><defs><clipPath id=\"el-ada07d4b-2570-4c81-9db5-3dd8141745b8\" transform=\"scale(1 1.051524710830705)\" clipPathUnits=\"objectBoundingBox\"><path d=\"M 0.50000026,0.78688566 0.19262278,0.95082018 0.2500004,0.6065577 0,0.36065594 0.34426194,0.31147556 0.50000026,0 0.65573858,0.31147556 1,0.36065594 0.75000014,0.6065577 0.80737774,0.95082018 Z\"><\/path><\/clipPath><\/defs><\/svg><\/p>\n<div class=\"fill\" style=\"background-color:#003bad;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg\"><a href=\"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers\" rel=\"\">Explore now<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"a27658a0-6f2c-44e2-9fcd-1060a35bd56d\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-f07e4418-6fd4-4148-94da-83fa64e4d446\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c1835601-9d0a-46e1-b6c0-269c095dbbcf\",\"keyframes\":{\"transform\":[\"translate3d(0px, -220.01263%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e467bbd9-e7a5-43be-9d6c-bf40b7caf33e\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e5db77c1-b660-458e-b884-ba28b82053bb\",\"keyframes\":{\"transform\":[\"translate3d(0px, -300.63331%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#0c2626\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-a604e4f2-daba-4791-93e8-e72b50eb1cb3\">\n<div style=\"position:absolute;width:118.51852%;height:100%;left:-9.25926%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=4000&amp;h=6000&amp;fit=max\" alt=\"man using laptop\" srcSet=\"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=4000&amp;h=6000&amp;fit=max 4000w,https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3200&amp;h=4800&amp;fit=max 3200w,https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=2400&amp;h=3600&amp;fit=max 2400w,https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1600&amp;h=2400&amp;fit=max 1600w,https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=800&amp;h=1200&amp;fit=max 800w,https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-0c73adb7-3f12-4bdd-a5ab-60951e97428d\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:1.69903%;top:24.91909%;width:93.20388%;height:28.47896%;opacity:1\">\n<div id=\"anim-f07e4418-6fd4-4148-94da-83fa64e4d446\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-c1835601-9d0a-46e1-b6c0-269c095dbbcf\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -220.01263%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" id=\"el-b1c048a0-b995-4f62-8f59-e9a253eecfc3\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:2.083333333333333% 0;font-family:&quot;Poppins&quot;,sans-serif;font-size:0.647249em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Elevate&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">your Front-end development Skills with Scaler!<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:3.23625%;width:19.66019%;height:45.79288%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" id=\"el-688d6104-4e44-45b2-9026-a9c8513ff7a1\">\n<h1 id=\"\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:49.876543209876516% 0;font-family:&quot;Poppins&quot;,sans-serif;font-size:3.268608em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #003bad\">\u201c<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:1.45631%;top:53.39806%;width:93.20388%;height:31.22977%;opacity:1\">\n<div id=\"anim-e467bbd9-e7a5-43be-9d6c-bf40b7caf33e\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-e5db77c1-b660-458e-b884-ba28b82053bb\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -300.63331%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5208333333333333% 0.5208333333333333% 0.5208333333333333% 0.5208333333333333% \/ 1.0362694300518136% 1.0362694300518136% 1.0362694300518136% 1.0362694300518136%\" id=\"el-b2dd71c5-ba5c-4422-b381-46a892720ad6\">\n<h3 id=\"sign-up-for-scalers-free-masterclasses-and-events-to-learn-about-the-latest-trends-in-the-it-industry-and-become-a-pro-dont-hesitate-any-longer-register-today\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.08422851562499972% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.372168em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"color: #fff\">Sign up for Scaler&#8217;s free masterclasses and events to learn about the latest trends in the IT industry and become a pro.<\/span><\/p>\n<p><span style=\"color: #1263ff\">Don&#8217;t hesitate any longer, register today!<\/span><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/assets-v2.scaler.com\/assets\/scaler\/png\/scaler-meta-image-fed27fda894abf1a87190ae638e18c9b8417095d963cf27540c90108824b9ec8.png.gz\"><a href=\"https:\/\/www.scaler.com\/events\/?utm_source=ib&amp;utm_medium=webstories&amp;utm_campaign=ui-ux-design-principles-for-front-end-developers_scaler-events\" rel=\"\">SWIPE UP<\/a><\/amp-story-page-outlink><\/amp-story-page><\/amp-story><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"The purpose of this web story is to provide a comprehensive description of UI\/UX Design Principles for Front-End Developers.\n","protected":false},"author":21,"featured_media":22766,"template":"","meta":{"_daextam_enable_autolinks":"","web_stories_products":[],"web_stories_publisher_logo":1082,"web_stories_poster":[]},"web_story_category":[1602],"web_story_tag":[1910,3262,3263,3260,3261],"amp_enabled":false,"story_data":{"version":46,"pages":[{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":220,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"289c6cab-9fc5-479e-8a8a-ce19360ec7db","scale":100,"focalX":46.67968751621247,"focalY":50.048436523201,"resource":{"type":"image","mimeType":"image\/jpeg","width":9504,"height":6336,"sizes":{"full":{"file":"media\/unsplash:_Fx34KeqIEw","sourceUrl":"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&ixlib=rb-4.0.3&fm=jpg&w=9504&h=6336&fit=max","mimeType":"image\/jpeg","width":9504,"height":6336},"large":{"file":"media\/unsplash:_Fx34KeqIEw","sourceUrl":"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&ixlib=rb-4.0.3&fm=jpg&w=7603&h=5069&fit=max","mimeType":"image\/jpeg","width":7603,"height":5069},"5702_3801":{"file":"media\/unsplash:_Fx34KeqIEw","sourceUrl":"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&ixlib=rb-4.0.3&fm=jpg&w=5702&h=3801&fit=max","mimeType":"image\/jpeg","width":5702,"height":3801},"3801_2534":{"file":"media\/unsplash:_Fx34KeqIEw","sourceUrl":"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&ixlib=rb-4.0.3&fm=jpg&w=3801&h=2534&fit=max","mimeType":"image\/jpeg","width":3801,"height":2534},"1900_1267":{"file":"media\/unsplash:_Fx34KeqIEw","sourceUrl":"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&ixlib=rb-4.0.3&fm=jpg&w=1900&h=1267&fit=max","mimeType":"image\/jpeg","width":1900,"height":1267},"web_stories_thumbnail":{"file":"media\/unsplash:_Fx34KeqIEw","sourceUrl":"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&ixlib=rb-4.0.3&fm=jpg&w=340&h=227&fit=max","mimeType":"image\/jpeg","width":340,"height":227}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:_Fx34KeqIEw","baseColor":"#0c2626","blurHash":"L12PY@ITHrtQctxcIAWAn6TJs+RP","creationDate":"2021-06-12T06:29:16Z","src":"https:\/\/images.unsplash.com\/photo-1623479322729-28b25c16b011?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzNHx8Y29kaW5nfGVufDB8fHx8MTY5MjEwNjk5M3ww&ixlib=rb-4.0.3&fm=jpg&w=9504&h=6336&fit=max","alt":"man in black long sleeve shirt using computer","attribution":{"author":{"displayName":"Mohammad Rahmani","url":"https:\/\/unsplash.com\/@afgprogrammer?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=ARcQahds7fwrnaLt5CaQPIEwwMVSZ1gvWcQmq8ndNAKzqTcpOAJcrw8dVhUlXgTZxDxVSroR\/iB6F58rnjPL31%2B3BH7dZMJLt19KXj8\/Nk2Iaz2Kh%2BKFyaDpnuyzQmSNTB6PXiGf20M\/X%2ByAK2KnWWhVgw97aK\/mkmgazAX7G2oFq\/5ZvuDOsjgPXepkZPqCMxkS6spxjOH\/SwQykOO9IHyiSjC3DKMhr7UkT5UTAqiaKaIH"}},"overlay":null},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":360,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Anton"},"fontSize":33,"backgroundColor":{"color":{"r":0,"g":0,"b":0,"a":0.5}},"lineHeight":1.19,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Design Principles for Front-End Developers<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":9,"y":529,"width":394,"height":89,"tagName":"p","basedOn":"18e3d99a-85c3-40cb-af0f-4ff55fe3eaa6","id":"700653a1-7c6f-4229-9a9d-40d583cd443c","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"ea251a16-bb73-4d60-8d67-8b48c3a5f099","id":"cb48c127-3fe1-4225-9f7c-cff7090fd555","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Anton"},"fontSize":75,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.19,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"type":"text","content":"<span style=\"color: #1263ff\">UX\/UI<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":9,"y":480,"width":413,"height":113,"id":"45976eae-5718-4aa7-a002-6c2f881b84a5"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"id":"e8de3bd0-50f1-44e6-a934-453d1980d163","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"84f395c5-3978-4c8b-82fa-05afd1cc77f5"},"animations":[{"targets":["700653a1-7c6f-4229-9a9d-40d583cd443c"],"id":"59c5e0d6-51ac-46bc-8d4d-c8bc55fda118","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0}],"pageAttachment":{"url":""}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"0366e656-c91b-43db-82f4-eef70f3963c8","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":3456,"height":5184,"sizes":{"full":{"file":"media\/unsplash:aVbR17HLZTg","sourceUrl":"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&ixlib=rb-4.0.3&fm=jpg&w=3456&h=5184&fit=max","mimeType":"image\/jpeg","width":3456,"height":5184},"large":{"file":"media\/unsplash:aVbR17HLZTg","sourceUrl":"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&ixlib=rb-4.0.3&fm=jpg&w=2764&h=4146&fit=max","mimeType":"image\/jpeg","width":2764,"height":4146},"2073_3110":{"file":"media\/unsplash:aVbR17HLZTg","sourceUrl":"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&ixlib=rb-4.0.3&fm=jpg&w=2073&h=3110&fit=max","mimeType":"image\/jpeg","width":2073,"height":3110},"1382_2073":{"file":"media\/unsplash:aVbR17HLZTg","sourceUrl":"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&ixlib=rb-4.0.3&fm=jpg&w=1382&h=2073&fit=max","mimeType":"image\/jpeg","width":1382,"height":2073},"691_1037":{"file":"media\/unsplash:aVbR17HLZTg","sourceUrl":"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&ixlib=rb-4.0.3&fm=jpg&w=691&h=1037&fit=max","mimeType":"image\/jpeg","width":691,"height":1037},"web_stories_thumbnail":{"file":"media\/unsplash:aVbR17HLZTg","sourceUrl":"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&ixlib=rb-4.0.3&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:aVbR17HLZTg","baseColor":"#262626","blurHash":"LFAJp7?HD*E1IoWBS2Wq0KE1?G%2","creationDate":"2018-11-24T12:00:34Z","src":"https:\/\/images.unsplash.com\/photo-1543060829-a0029874b174?ixid=M3wxMzcxOTN8MHwxfHNlYXJjaHwzOHx8bWFuJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODgzNzg1OTZ8MA&ixlib=rb-4.0.3&fm=jpg&w=3456&h=5184&fit=max","alt":"man sitting facing silver MacBook inside room","attribution":{"author":{"displayName":"Oleg Ivanov","url":"https:\/\/unsplash.com\/@olegivanovpht?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AW1j3\/cRyoceZje8FLmY\/vA9TLqkphZEr0IvLGUtBQc94VD6JApK5Lb1iVrLw4Nnqe3zsYj72SAUhxab4enqw36Oca\/tRtOtzRox8o5kKrPIlbEZ\/fgTfQ0\/1jcKEXVORR6ormPziAorlAgHeuuS6KCo84\/wSJclVsX4dEg%2B1n1RkPXQRgbRIL9C4ExmF4sUTI81f0jzY\/FDfwS7VFS3L2GMrWQOhe3cWorp2vDILgna54sZT99ggz%2B2kin5O3Hz%2BFo3cxbl"}},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":18,"g":99,"b":255,"a":0.3}},"x":-67,"y":359,"basedOn":"e2a86e16-6425-4616-8487-9d748a526332","width":576,"height":176,"mask":{"type":"rectangle"},"groupId":null,"id":"a881fc6a-7d42-46fe-89c7-57804b528a23","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"cb48c127-3fe1-4225-9f7c-cff7090fd555","id":"81811408-af93-46a4-9620-651285eea9d8","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Proper alignment creates visual harmony, making elements feel connected and organized on the user interface.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":20,"y":368,"width":372,"height":122,"tagName":"p","basedOn":"5bc92ad7-5298-4033-b5ea-f06daf81a5a9","id":"cfca1c02-e711-4541-8f4f-1ccbec4bcde6","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"type":"text","content":"<span style=\"font-weight: 700; color: #fff\">1. Alignment<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":20,"y":321,"width":371,"height":38,"id":"9dbe538c-31ff-4e87-b137-2fe088398513"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":0.8,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":557,"width":411,"height":43,"basedOn":"22e6e486-0a6d-4d6b-a9de-83274eecac64","id":"6a42cf66-a772-4591-b69b-b2623458ac12","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"targets":["cfca1c02-e711-4541-8f4f-1ccbec4bcde6"],"id":"f0a78883-ac8c-4e4b-bf7f-f4520cda64d1","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0},{"id":"fc078701-fef2-45ae-9b2e-350bd64ab45b","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["0366e656-c91b-43db-82f4-eef70f3963c8"]}],"id":"8c6bf4ec-2231-4205-afc1-feff529ae9f3","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"a7a099e0-354d-47ec-8bcb-a87c0465331f"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/11\/Python-Libraries.png","needsProxy":false,"ctaText":"Explore now"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":78,"y":30,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"6417e2e4-880c-4959-9e6c-834fe69f9dd6","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":5464,"height":8192,"sizes":{"full":{"file":"media\/unsplash:ztR264-Xo_U","sourceUrl":"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&ixlib=rb-4.0.3&fm=jpg&w=5464&h=8192&fit=max","mimeType":"image\/jpeg","width":5464,"height":8192},"large":{"file":"media\/unsplash:ztR264-Xo_U","sourceUrl":"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&ixlib=rb-4.0.3&fm=jpg&w=4371&h=6553&fit=max","mimeType":"image\/jpeg","width":4371,"height":6553},"3278_4915":{"file":"media\/unsplash:ztR264-Xo_U","sourceUrl":"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&ixlib=rb-4.0.3&fm=jpg&w=3278&h=4915&fit=max","mimeType":"image\/jpeg","width":3278,"height":4915},"2185_3276":{"file":"media\/unsplash:ztR264-Xo_U","sourceUrl":"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&ixlib=rb-4.0.3&fm=jpg&w=2185&h=3276&fit=max","mimeType":"image\/jpeg","width":2185,"height":3276},"1092_1637":{"file":"media\/unsplash:ztR264-Xo_U","sourceUrl":"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&ixlib=rb-4.0.3&fm=jpg&w=1092&h=1637&fit=max","mimeType":"image\/jpeg","width":1092,"height":1637},"web_stories_thumbnail":{"file":"media\/unsplash:ztR264-Xo_U","sourceUrl":"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&ixlib=rb-4.0.3&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:ztR264-Xo_U","baseColor":"#262626","blurHash":"LIA0O0?GbIay~B?FbHa}?F%LWCR*","creationDate":"2021-09-11T19:20:53Z","src":"https:\/\/images.unsplash.com\/photo-1631387965708-f9c275d9a3d4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw2OXx8Ym95JTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMzQ3OTU&ixlib=rb-4.0.3&fm=jpg&w=5464&h=8192&fit=max","alt":"a man sitting down with a backpack on his lap","attribution":{"author":{"displayName":"Tamara Schipchinskaya","url":"https:\/\/unsplash.com\/@toma_sh?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=ASGJDKKGcfTQdWv5wDQWEhESsUROUBepvBzIfw%2B3Kg1MZNGvCQh5ztQ6scyOMDUcFmxqSSQBHZAOWqOOasw24Y9Nvbg%2BYPqNiyRg3qFJ6YJUmYnjetY7Bf0bH6csyIJoVmD9\/mMuEhFFygzuT4dQgi4INJQMNZIScrbPcYcHgxDGX6R%2BJ\/9HCW2OL4hTOcX1l8UbZ6B5H6g4qafY9VipdzFgAXJ6taAxk9uCBcz1K80TlGqbnP5Itm25Y4KoX0eHOWHl"}},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":18,"g":99,"b":255,"a":0.3}},"x":-67,"y":359,"basedOn":"a881fc6a-7d42-46fe-89c7-57804b528a23","width":576,"height":176,"mask":{"type":"rectangle"},"groupId":null,"id":"27beae49-65dd-4b02-a481-7846ad4a3560","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"81811408-af93-46a4-9620-651285eea9d8","id":"46d88c1c-7a43-4355-acc1-3a75a4e5a0cc","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Well-balanced spacing enhances readability and user experience by giving elements enough breathing room.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":20,"y":368,"width":372,"height":122,"tagName":"p","basedOn":"cfca1c02-e711-4541-8f4f-1ccbec4bcde6","id":"62e20916-b207-4d22-acbb-57f8b4d6ee58","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">2. Spacing<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":21,"y":321,"width":371,"height":38,"basedOn":"9dbe538c-31ff-4e87-b137-2fe088398513","id":"e13e08f4-563d-4629-9777-e8631e99d259","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":0.8,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":557,"width":411,"height":43,"basedOn":"22e6e486-0a6d-4d6b-a9de-83274eecac64","id":"5ec73cef-3e72-4d63-af69-e33b84c6a008","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"targets":["62e20916-b207-4d22-acbb-57f8b4d6ee58"],"id":"34080f3f-4482-4067-97e2-3ae07f9c3f10","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0},{"id":"12aa03ef-e7e2-472d-9429-61ad57de99cd","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["6417e2e4-880c-4959-9e6c-834fe69f9dd6"]}],"id":"40e238c0-cd08-4923-bd94-e7fbdf785fcb","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"c0d7e995-19a2-42b4-bc79-a55f4b6c8d5e"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg","needsProxy":false,"ctaText":"Explore now"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"7dae3820-97aa-417e-ad01-99cd25e260d5","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":1856,"height":2784,"sizes":{"full":{"file":"media\/unsplash:2AP_-QWxE2A","sourceUrl":"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=1856&h=2784&fit=max","mimeType":"image\/jpeg","width":1856,"height":2784},"large":{"file":"media\/unsplash:2AP_-QWxE2A","sourceUrl":"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=1484&h=2226&fit=max","mimeType":"image\/jpeg","width":1484,"height":2226},"1113_1670":{"file":"media\/unsplash:2AP_-QWxE2A","sourceUrl":"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=1113&h=1670&fit=max","mimeType":"image\/jpeg","width":1113,"height":1670},"742_1113":{"file":"media\/unsplash:2AP_-QWxE2A","sourceUrl":"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=742&h=1113&fit=max","mimeType":"image\/jpeg","width":742,"height":1113},"371_557":{"file":"media\/unsplash:2AP_-QWxE2A","sourceUrl":"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=371&h=557&fit=max","mimeType":"image\/jpeg","width":371,"height":557},"web_stories_thumbnail":{"file":"media\/unsplash:2AP_-QWxE2A","sourceUrl":"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:2AP_-QWxE2A","baseColor":"#26260c","blurHash":"LcECB^V?ozsl~WV?t7ae%Mn$xZR+","creationDate":"2020-11-19T20:37:43Z","src":"https:\/\/images.unsplash.com\/photo-1605818215588-c8013661b021?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=1856&h=2784&fit=max","alt":"woman in yellow shirt and blue denim jeans sitting on gray sofa using macbook","attribution":{"author":{"displayName":"F\u00e1bio Lucas","url":"https:\/\/unsplash.com\/@fabiooulucas?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=ASGJDKIX8QFej\/bXn1wLCggjv%2BuWIYf\/FKShpGxJZ8D%2Bps14PRQHsAXwIvTesQzAUglfeFRvdlDHXZNhLS2EJUS0kKF980j7ha9d4N54h7mnJsUA1fSvphU\/xDFH3d6tx6IhF7YYaMutBQw7HfdyfJzc1oVPqSbodBpwkKx0F0jBs9pedYQpC8Cogf6ummXnbKjQD31R45K5b4bu8btb8o2nAfGWya54oSdfkGc8Ay0PQHSSQ\/XHT9KKu%2BIDbCqkDCUS"}},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":18,"g":99,"b":255,"a":0.3}},"x":-67,"y":359,"basedOn":"a881fc6a-7d42-46fe-89c7-57804b528a23","width":576,"height":176,"mask":{"type":"rectangle"},"groupId":null,"id":"e58f9bfd-8ceb-4304-a112-284238a988bb","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"46d88c1c-7a43-4355-acc1-3a75a4e5a0cc","id":"b5cf3d24-52ce-4d75-9e43-2bd8784e2509","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Consistent visual style with appropriate colors and elements establishes a strong brand identity and improves user engagement.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":20,"y":368,"width":372,"height":122,"tagName":"p","basedOn":"62e20916-b207-4d22-acbb-57f8b4d6ee58","id":"3eac308c-a7c5-482a-9ed0-4f5eb2666057","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">3. Visual Style<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":21,"y":321,"width":371,"height":38,"basedOn":"e13e08f4-563d-4629-9777-e8631e99d259","id":"e7490593-5412-4556-a5bb-16b43e2c7aa6","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":0.8,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":557,"width":411,"height":43,"basedOn":"22e6e486-0a6d-4d6b-a9de-83274eecac64","id":"9c9b7973-84ef-48af-885e-23f10ab6205a","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"targets":["3eac308c-a7c5-482a-9ed0-4f5eb2666057"],"id":"e83ead5c-a0b5-468b-8973-a413ebc308eb","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0},{"id":"0b0e78ab-b884-453f-aa5c-4737c7b51dac","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["7dae3820-97aa-417e-ad01-99cd25e260d5"]}],"id":"95903fc4-ab54-43ff-8549-b530094a70d1","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"2cd7decb-b801-4284-b9e6-717b9c45831a"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg","needsProxy":false,"ctaText":"Explore now"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"741b80be-f1e4-4e7e-81a1-3f452436e27f","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":6630,"height":9940,"sizes":{"full":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&ixlib=rb-4.0.3&fm=jpg&w=6630&h=9940&fit=max","mimeType":"image\/jpeg","width":6630,"height":9940},"large":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&ixlib=rb-4.0.3&fm=jpg&w=5304&h=7952&fit=max","mimeType":"image\/jpeg","width":5304,"height":7952},"3978_5964":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&ixlib=rb-4.0.3&fm=jpg&w=3978&h=5964&fit=max","mimeType":"image\/jpeg","width":3978,"height":5964},"2652_3976":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&ixlib=rb-4.0.3&fm=jpg&w=2652&h=3976&fit=max","mimeType":"image\/jpeg","width":2652,"height":3976},"1326_1988":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&ixlib=rb-4.0.3&fm=jpg&w=1326&h=1988&fit=max","mimeType":"image\/jpeg","width":1326,"height":1988},"web_stories_thumbnail":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&ixlib=rb-4.0.3&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:3cx_tx4h9oI","baseColor":"#f3d9d9","blurHash":"LhHn?As.S5WB01RkjZRj?ajuM{of","creationDate":"2020-02-07T15:17:48Z","src":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5Nnx8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjc2MDUxOTAz&ixlib=rb-4.0.3&fm=jpg&w=6630&h=9940&fit=max","alt":"woman in black shirt using computer","attribution":{"author":{"displayName":"ThisisEngineering RAEng","url":"https:\/\/unsplash.com\/@thisisengineering?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=Aa0pnNYGAEI8dBOa\/XhnwEN0oVSUeSXagPFTrRWS6aLG\/MkM\/C6%2B5bBnuELiPLLeTeRCuitDJqjWNaBRyCOTJVKdR7uW1uODxG9l6k8PmOuYnLVw%2Bz1CvGGqi\/45OCAAjW%2BFyL5C8fk3dQudbdnhYTJRlf5EI\/oJxPYEGzoZroo38YM6MiMSldfeb31H6FVV2F95o9z6\/xnnQ3YEm2n%2BGCIdDJB2UAdl1D%2BteNtT5DV6dt6knPgnfytiCqiPHnLbuVixZQ%3D%3D"}},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":18,"g":99,"b":255,"a":0.3}},"x":-67,"y":359,"basedOn":"a881fc6a-7d42-46fe-89c7-57804b528a23","width":576,"height":176,"mask":{"type":"rectangle"},"groupId":null,"id":"a827b318-27ec-4a0a-8d5d-e81a6562a733","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"46d88c1c-7a43-4355-acc1-3a75a4e5a0cc","id":"5e87eb52-4c7b-48b0-87a5-6a9f21443327","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Adding interactive hover and focus states provides visual feedback, improving the overall user interface's interactivity.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":20,"y":368,"width":372,"height":122,"tagName":"p","basedOn":"3eac308c-a7c5-482a-9ed0-4f5eb2666057","id":"62f79cfc-133e-4362-8628-6e8f100fd8a5","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">4. Hover and Focus States<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":21,"y":321,"width":371,"height":38,"basedOn":"e7490593-5412-4556-a5bb-16b43e2c7aa6","id":"6d969ede-2f2e-490c-8a16-bcbd122c2700","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":0.8,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":557,"width":411,"height":43,"basedOn":"22e6e486-0a6d-4d6b-a9de-83274eecac64","id":"f39e4ffd-9ae4-4a63-a851-def3abf9d9a4","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"6db9c49e-eabf-4544-999d-b81d7f4ccc4d","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["741b80be-f1e4-4e7e-81a1-3f452436e27f"]},{"targets":["62f79cfc-133e-4362-8628-6e8f100fd8a5"],"id":"050e4018-9754-438c-b247-dc6243267e55","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0}],"id":"003c04fa-fa9a-41be-99d6-dff01f94a2c3","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"62b6c641-30d3-4d7f-a8f7-6d986068c141"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/11\/Python-Libraries.png","needsProxy":false,"ctaText":"Explore now"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"6417e2e4-880c-4959-9e6c-834fe69f9dd6","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#f3f3f3","blurHash":"LeH2Zc00t6kC-:t7M{kCR*o2t6t7","type":"image","mimeType":"image\/jpeg","creationDate":"2019-07-19T11:41:39Z","src":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=4000&h=6000&fit=max","width":4000,"height":6000,"id":"media\/unsplash:NdFREMS5P08","alt":"woman leaning at the table","sizes":{"full":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=4000&h=6000&fit=max","mimeType":"image\/jpeg","width":4000,"height":6000},"large":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=3200&h=4800&fit=max","mimeType":"image\/jpeg","width":3200,"height":4800},"2400_3600":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=2400&h=3600&fit=max","mimeType":"image\/jpeg","width":2400,"height":3600},"1600_2400":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=1600&h=2400&fit=max","mimeType":"image\/jpeg","width":1600,"height":2400},"800_1200":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=800&h=1200&fit=max","mimeType":"image\/jpeg","width":800,"height":1200},"web_stories_thumbnail":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"attribution":{"author":{"displayName":"Nicole Wolf","url":"https:\/\/unsplash.com\/@joeel56?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AQBR4tpY2%2BUTP6YwjFpDaBiJc6fD9BN3t\/SN\/\/isMJsEmXSQBJ60Owi\/\/VGvUChr31tFJUc7HhUxUsKUi8kEq%2BgJFXy4%2BEmVF4s\/4vWvJGGnpAR8N%2BaLww0IEd0Lvx52pLKgOrLgpLtMNZVI3M8\/oZQD2pG6iyCTZSkt0H8tJqiopY5QSPWfXFf\/wZRXqSuvXREdghPw2MdZC6rJMeQ4uVFqDSwY2wqjVUc%2BWI5XeI5XCHz9cdHh"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":18,"g":99,"b":255,"a":0.3}},"x":-67,"y":359,"basedOn":"a881fc6a-7d42-46fe-89c7-57804b528a23","width":576,"height":176,"mask":{"type":"rectangle"},"groupId":null,"id":"49e405bb-1c77-45fd-8e91-d2c017b5f16c","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"46d88c1c-7a43-4355-acc1-3a75a4e5a0cc","id":"78fac6be-aadb-4543-8fc0-853d074437f3","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Subtle animations can bring life to the interface, making it more engaging and guiding users through interactions.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":20,"y":368,"width":372,"height":122,"tagName":"p","basedOn":"62f79cfc-133e-4362-8628-6e8f100fd8a5","id":"d88b738d-5eeb-403c-87f0-59bba1193fd8","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">5. Animation<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":21,"y":321,"width":371,"height":38,"basedOn":"6d969ede-2f2e-490c-8a16-bcbd122c2700","id":"78b1ca5d-7805-42b0-b897-6a048e31410d","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":0.8,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":557,"width":411,"height":43,"basedOn":"22e6e486-0a6d-4d6b-a9de-83274eecac64","id":"1411cdd4-f562-422f-8691-655fde85a2bd","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"targets":["6417e2e4-880c-4959-9e6c-834fe69f9dd6"],"id":"03ac9f99-3913-43f3-8912-6a82e961b65f","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut"},{"targets":["d88b738d-5eeb-403c-87f0-59bba1193fd8"],"id":"71cb09d8-c1a9-4463-9e9b-315ef0a2f1e9","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0}],"id":"e527486a-774a-4c1c-b1b0-bc90e6a54bf1","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"d31da76a-9529-4b96-b2bc-42a3a007f7e0"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg","needsProxy":false,"ctaText":"Explore now"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":396,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"e6f59b6e-008a-4cb7-bd3c-f910fb430d89","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":4000,"height":4810,"sizes":{"full":{"file":"media\/unsplash:Rx3TA3j5qpA","sourceUrl":"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=4000&h=4810&fit=max","mimeType":"image\/jpeg","width":4000,"height":4810},"large":{"file":"media\/unsplash:Rx3TA3j5qpA","sourceUrl":"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=3200&h=3848&fit=max","mimeType":"image\/jpeg","width":3200,"height":3848},"2400_2886":{"file":"media\/unsplash:Rx3TA3j5qpA","sourceUrl":"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=2400&h=2886&fit=max","mimeType":"image\/jpeg","width":2400,"height":2886},"1600_1924":{"file":"media\/unsplash:Rx3TA3j5qpA","sourceUrl":"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=1600&h=1924&fit=max","mimeType":"image\/jpeg","width":1600,"height":1924},"800_962":{"file":"media\/unsplash:Rx3TA3j5qpA","sourceUrl":"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=800&h=962&fit=max","mimeType":"image\/jpeg","width":800,"height":962},"web_stories_thumbnail":{"file":"media\/unsplash:Rx3TA3j5qpA","sourceUrl":"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=340&h=409&fit=max","mimeType":"image\/jpeg","width":340,"height":409}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:Rx3TA3j5qpA","baseColor":"#402626","blurHash":"L99P=zEL57~B-UkCS4sl0fxa={9t","creationDate":"2020-07-12T18:41:59Z","src":"https:\/\/images.unsplash.com\/photo-1594579254798-868734c3ed32?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw4fHxnaXJsJTIwd2l0aCUyMGxhcHRvcHxlbnwwfHx8fDE2ODMxMjQwMzQ&ixlib=rb-4.0.3&fm=jpg&w=4000&h=4810&fit=max","alt":"woman in black blazer using silver macbook","attribution":{"author":{"displayName":"Dmitry Rodionov","url":"https:\/\/unsplash.com\/@knuckles_echidna?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=ASGJDKLhe%2BTVa9CCWcGrTTw5gYD4Xzq%2BjI3WVYPnAE0iWzes94fHqGTgWf5i\/eSSKclBKZmBNVEJubgNA7wHrscN2hqVLF18y%2B2%2B69guaeh393xiBH6yPj8D9e%2BDxZgggZZSS\/EJJdghPncq8YV%2BII2gIobtCBwmf3fNfEDLz5pFABpjBaw8vCJRTWXaOfmNO3q2rtsDmvKFaUYrAgmHxQq3y6S3k6CyCEf4exuTwvQ\/is8WfOWIEtAKsVu1bJx8mlP3"}},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":18,"g":99,"b":255,"a":0.3}},"x":-67,"y":359,"basedOn":"a881fc6a-7d42-46fe-89c7-57804b528a23","width":576,"height":176,"mask":{"type":"rectangle"},"groupId":null,"id":"2912d72c-7ffb-4376-9efa-04866c4276a3","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"78fac6be-aadb-4543-8fc0-853d074437f3","id":"3e628981-0470-432e-b450-b46b4dd70164","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Using appropriate text sizes ensures readability across different devices and enhances the user's understanding of content.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":20,"y":368,"width":372,"height":122,"tagName":"p","basedOn":"d88b738d-5eeb-403c-87f0-59bba1193fd8","id":"ce4eb3f9-7ba0-42fa-aea8-cf6cd697f070","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":28,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">6. Text Sizes<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":21,"y":321,"width":371,"height":38,"basedOn":"78b1ca5d-7805-42b0-b897-6a048e31410d","id":"4d8be09b-6937-4127-9025-8581d4e03c1d","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":0.8,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #fff\">Interested in improving your front-end&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">development skills?<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":557,"width":411,"height":43,"basedOn":"32017e5a-40bf-424c-9728-49619d2a1eab","id":"22e6e486-0a6d-4d6b-a9de-83274eecac64","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"targets":["ce4eb3f9-7ba0-42fa-aea8-cf6cd697f070"],"id":"28f780d5-38cd-454e-933a-b9c701d2961f","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0},{"id":"61e802fb-c7d4-4016-a107-54aad657014b","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["e6f59b6e-008a-4cb7-bd3c-f910fb430d89"]}],"id":"c699d037-0d65-42ff-be87-cc83edf95486","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"049d81e8-4540-4a96-b8ae-49181f41ff5c"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/11\/Python-Libraries.png","needsProxy":false,"ctaText":"Explore now"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":219,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"52e4f493-e25d-4e03-b7aa-697c8631c3c3","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#262626","blurHash":"L55F8.M{8wx]x]RPVsx]IUn$x]bc","type":"image","mimeType":"image\/jpeg","creationDate":"2017-06-10T10:38:52Z","src":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=4288&h=2848&fit=max","width":4288,"height":2848,"id":"media\/unsplash:P1qyEf1g0HU","alt":"person using track pad","sizes":{"full":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=4288&h=2848&fit=max","mimeType":"image\/jpeg","width":4288,"height":2848},"large":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=3430&h=2278&fit=max","mimeType":"image\/jpeg","width":3430,"height":2278},"2572_1708":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=2572&h=1708&fit=max","mimeType":"image\/jpeg","width":2572,"height":1708},"1715_1139":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=1715&h=1139&fit=max","mimeType":"image\/jpeg","width":1715,"height":1139},"857_569":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=857&h=569&fit=max","mimeType":"image\/jpeg","width":857,"height":569},"web_stories_thumbnail":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=340&h=226&fit=max","mimeType":"image\/jpeg","width":340,"height":226}},"attribution":{"author":{"displayName":"Glenn Carstens-Peters","url":"https:\/\/unsplash.com\/@glenncarstenspeters?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AQBR4tqzFQk9mistNseDeeHEJMsZ1s4y0bq50WT55T0X23zUUBQBPQdK4apQBMpRXEDve3pzCQh%2B4eIoPWyosKbjNOJi0rW7VNMuRbdNCMCpD57sUk8BirmXYJAXqxgWO26HCxN6tj3TE6bIiA2wunnBSNozdaR%2B3b7GYMsOajhfH8M7uvC%2B2XPNl\/rTXwFB4gJFs%2Bkv4F2ixncVopF6zS%2BxWuraKdtkUD8aHd5uSlykrQ%3D%3D"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"type":"linear","rotation":0,"stops":[{"color":{"r":0,"g":0,"b":0,"a":0},"position":0.4},{"color":{"r":0,"g":0,"b":0,"a":1},"position":1}],"alpha":0.5}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"765959d5-f19c-4c63-9fcc-dcf7b025b822","id":"85da65c1-1fb2-40ba-8a02-41ca3ec7d153","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":23,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Discover the essential blog by InterviewBit to enhance your Front-end development skills and open doors to endless opportunities.<\/span>\n\n<span style=\"color: #1263ff\">Seize the possibilities in the world of Front-end development.<\/span><span style=\"color: #013bad\">&nbsp;<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":17,"y":327,"width":378,"height":165,"basedOn":"83d740a7-250d-49cb-b7d9-9712d7d52b7d","id":"8f22a9ff-495f-41ca-b7f2-b60d1aa3ab6b","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Poppins"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"hasHiddenPadding":false,"horizontal":0,"vertical":0},"x":14,"y":172,"width":378,"height":155,"basedOn":"54cdc3d5-2ac7-4aa9-9aa7-364e59edb3df","content":"<span style=\"font-weight: 700; color: #fff\">Ready to&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">Improve your Front-end Development Skills?<\/span>","tagName":"p","marginOffset":-33.629999999999995,"id":"d0a9448e-0825-4a27-afef-cf3753e1b025","type":"text","groupId":null},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":0,"g":59,"b":173}},"type":"shape","x":17,"y":110,"width":47,"height":45,"mask":{"type":"star"},"id":"cab5dc4e-70e7-446a-9516-9aa3a621a79e","groupId":"19ca7721-30d1-48ea-bea9-e70051267aaf"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":0,"g":59,"b":173}},"x":63,"y":110,"width":47,"height":45,"mask":{"type":"star"},"basedOn":"cab5dc4e-70e7-446a-9516-9aa3a621a79e","id":"5c602a45-e2cf-49cf-ae22-88ed66d35076","type":"shape","groupId":"19ca7721-30d1-48ea-bea9-e70051267aaf"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":0,"g":59,"b":173}},"x":111,"y":110,"width":47,"height":45,"mask":{"type":"star"},"basedOn":"cab5dc4e-70e7-446a-9516-9aa3a621a79e","id":"ada07d4b-2570-4c81-9db5-3dd8141745b8","type":"shape","groupId":"19ca7721-30d1-48ea-bea9-e70051267aaf"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"9dc0a40d-3421-405f-ab85-d52755a1b1d6","type":"effect-fly-in","flyInDir":"topToBottom","duration":1000,"delay":0,"targets":["d0a9448e-0825-4a27-afef-cf3753e1b025"]},{"id":"94e16e61-fbd4-449a-b495-f94e4141b349","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["8f22a9ff-495f-41ca-b7f2-b60d1aa3ab6b"]}],"id":"54247e4a-4c34-4389-9ef8-e2ad1e555aa1","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"a604e4f2-daba-4791-93e8-e72b50eb1cb3"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/front-end-developer-skills\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/06\/Front-End-Developer-Skills-1.jpg","needsProxy":false,"ctaText":"Explore now"},"groups":{"19ca7721-30d1-48ea-bea9-e70051267aaf":{"name":"Group 1","isLocked":false}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"a604e4f2-daba-4791-93e8-e72b50eb1cb3","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":4000,"height":6000,"sizes":{"full":{"file":"media\/unsplash:VzJjPuk53sk","sourceUrl":"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&ixlib=rb-4.0.3&fm=jpg&w=4000&h=6000&fit=max","mimeType":"image\/jpeg","width":4000,"height":6000},"large":{"file":"media\/unsplash:VzJjPuk53sk","sourceUrl":"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&ixlib=rb-4.0.3&fm=jpg&w=3200&h=4800&fit=max","mimeType":"image\/jpeg","width":3200,"height":4800},"2400_3600":{"file":"media\/unsplash:VzJjPuk53sk","sourceUrl":"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&ixlib=rb-4.0.3&fm=jpg&w=2400&h=3600&fit=max","mimeType":"image\/jpeg","width":2400,"height":3600},"1600_2400":{"file":"media\/unsplash:VzJjPuk53sk","sourceUrl":"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&ixlib=rb-4.0.3&fm=jpg&w=1600&h=2400&fit=max","mimeType":"image\/jpeg","width":1600,"height":2400},"800_1200":{"file":"media\/unsplash:VzJjPuk53sk","sourceUrl":"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&ixlib=rb-4.0.3&fm=jpg&w=800&h=1200&fit=max","mimeType":"image\/jpeg","width":800,"height":1200},"web_stories_thumbnail":{"file":"media\/unsplash:VzJjPuk53sk","sourceUrl":"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&ixlib=rb-4.0.3&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"isPlaceholder":false,"isExternal":true,"needsProxy":false,"id":"media\/unsplash:VzJjPuk53sk","baseColor":"#0c2626","blurHash":"LBEorfElXSNGBY0g=_IoKQ^*^hxu","creationDate":"2019-11-30T05:00:10Z","src":"https:\/\/images.unsplash.com\/photo-1575089976121-8ed7b2a54265?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzfHxzb2Z0d2FyZSUyMGRldmVsb3BlcnxlbnwwfHx8fDE2NzU3OTAyMTE&ixlib=rb-4.0.3&fm=jpg&w=4000&h=6000&fit=max","alt":"man using laptop","attribution":{"author":{"displayName":"Procreator UX Design Studio","url":"https:\/\/unsplash.com\/@weareprocreator?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=Aa0pnNZMz4rx4EwVVqCuS0surHXtV2tfLvFeCbIkdSHocXI\/eiuwdi9qyTfnFfjkxtWe7N3csCyN8H796wS3eTwSEkSqfB8w6Ql9DFPeZSKMfP5uVIZK4aRgZw\/1YpYYtmKwhhx2yXbAbTxjXAjhFxEqwO8a90aj1WLliRK\/qTBPaaBv99ez3XmwlZFLa\/jxucHX86J17QGyohxE%2BNHIBmhTTZMNanflZkA5WcFPA0vErwUbb5lZcCYhg4NVJcC79\/%2BP"}},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"basedOn":"85da65c1-1fb2-40ba-8a02-41ca3ec7d153","id":"0c73adb7-3f12-4bdd-a5ab-60951e97428d","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Poppins"},"fontSize":40,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"hasHiddenPadding":false,"horizontal":0,"vertical":0},"x":7,"y":154,"width":384,"height":176,"basedOn":"d0a9448e-0825-4a27-afef-cf3753e1b025","content":"<span style=\"font-weight: 700; color: #fff\">Elevate&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">your Front-end development Skills with Scaler!<\/span>","tagName":"p","marginOffset":-13.199999999999989,"id":"b1c048a0-b995-4f62-8f59-e9a253eecfc3","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Poppins"},"fontSize":202,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","padding":{"horizontal":0,"vertical":0},"x":0,"y":20,"width":81,"height":283,"basedOn":"aa4d9076-8e49-4cdc-9b36-e70e6fa1606d","content":"<span style=\"font-weight: 700; color: #003bad\">\u201c<\/span>","id":"688d6104-4e44-45b2-9026-a9c8513ff7a1","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":23,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">Sign up for Scaler's free masterclasses and events to learn about the latest trends in the IT industry and become a pro.<\/span>\n\n<span style=\"color: #1263ff\">Don't hesitate any longer, register today!<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":6,"y":330,"width":384,"height":193,"basedOn":"8f22a9ff-495f-41ca-b7f2-b60d1aa3ab6b","id":"b2dd71c5-ba5c-4422-b381-46a892720ad6","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"071a5260-50e7-4f11-9073-1a9d003ffe7e","type":"effect-fly-in","flyInDir":"topToBottom","duration":1000,"delay":0,"targets":["b1c048a0-b995-4f62-8f59-e9a253eecfc3"]},{"id":"59807e4a-34d2-44df-98c8-1f3dd64579fd","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["b2dd71c5-ba5c-4422-b381-46a892720ad6"]}],"id":"a27658a0-6f2c-44e2-9fcd-1060a35bd56d","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"f18f5834-e7a4-4085-8e20-2476ab8df02a"},"pageAttachment":{"url":"https:\/\/www.scaler.com\/events\/?utm_source=ib&utm_medium=webstories&utm_campaign=ui-ux-design-principles-for-front-end-developers_scaler-events","icon":"https:\/\/assets-v2.scaler.com\/assets\/scaler\/png\/scaler-meta-image-fed27fda894abf1a87190ae638e18c9b8417095d963cf27540c90108824b9ec8.png.gz","needsProxy":false,"ctaText":"SWIPE UP"}}],"fonts":{"Anton":{"family":"Anton","fallbacks":["sans-serif"],"weights":[400],"styles":["regular"],"variants":[[0,400]],"service":"fonts.google.com","metrics":{"upm":2048,"asc":2409,"des":-674,"tAsc":2409,"tDes":-674,"tLGap":0,"wAsc":2876,"wDes":674,"xH":1500,"capH":1760,"yMin":-667,"yMax":2874,"hAsc":2409,"hDes":-674,"lGap":0}},"Darker Grotesque":{"family":"Darker Grotesque","fallbacks":["sans-serif"],"weights":[300,400,500,600,700,800,900],"styles":["regular"],"variants":[[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1060,"des":-296,"tAsc":1060,"tDes":-296,"tLGap":0,"wAsc":1060,"wDes":296,"xH":406,"capH":563,"yMin":-296,"yMax":1060,"hAsc":1060,"hDes":-296,"lGap":0}},"Roboto":{"family":"Roboto","fallbacks":["sans-serif"],"weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}},"Poppins":{"family":"Poppins","fallbacks":["sans-serif"],"weights":[100,200,300,400,500,600,700,800,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,200],[1,200],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,600],[1,600],[0,700],[1,700],[0,800],[1,800],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1050,"des":-350,"tAsc":1050,"tDes":-350,"tLGap":100,"wAsc":1135,"wDes":627,"xH":548,"capH":698,"yMin":-572,"yMax":1065,"hAsc":1050,"hDes":-350,"lGap":100}}},"autoAdvance":true,"defaultPageDuration":7,"currentStoryStyles":{"colors":[]}},"style_presets":{"colors":[{"color":{"r":157,"g":100,"b":32}},{"color":{"r":0,"g":0,"b":0}}],"textStyles":[]},"story_poster":{"id":22766,"url":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2023\/08\/cropped-UI_UX-Design-Principles-for-Front-End-Developers.jpg","width":640,"height":853,"needsProxy":false},"_links":{"self":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/22744"}],"collection":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story"}],"about":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/wp\/v2\/types\/web-story"}],"author":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/users\/21"}],"version-history":[{"count":10,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/22744\/revisions"}],"predecessor-version":[{"id":22768,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/22744\/revisions\/22768"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/media\/22766"}],"wp:attachment":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/media?parent=22744"}],"wp:term":[{"taxonomy":"web_story_category","embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web_story_category?post=22744"},{"taxonomy":"web_story_tag","embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web_story_tag?post=22744"}],"wp:lock":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/22744\/lock"}],"wp:publisherlogo":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/media\/1082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}