1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3128],{76489:function(e,t){"use strict";t.parse=function(e,t){if("string"!=typeof e)throw TypeError("argument str must be a string");for(var i={},a=e.split(";"),n=(t||{}).decode||r,s=0;s<a.length;s++){var o=a[s],l=o.indexOf("=");if(!(l<0)){var c=o.substring(0,l).trim();if(void 0==i[c]){var p=o.substring(l+1,o.length).trim();'"'===p[0]&&(p=p.slice(1,-1)),i[c]=function(e,t){try{return t(e)}catch(t){return e}}(p,n)}}}return i},t.serialize=function(e,t,r){var n=r||{},s=n.encode||i;if("function"!=typeof s)throw TypeError("option encode is invalid");if(!a.test(e))throw TypeError("argument name is invalid");var o=s(t);if(o&&!a.test(o))throw TypeError("argument val is invalid");var l=e+"="+o;if(null!=n.maxAge){var c=n.maxAge-0;if(isNaN(c)||!isFinite(c))throw TypeError("option maxAge is invalid");l+="; Max-Age="+Math.floor(c)}if(n.domain){if(!a.test(n.domain))throw TypeError("option domain is invalid");l+="; Domain="+n.domain}if(n.path){if(!a.test(n.path))throw TypeError("option path is invalid");l+="; Path="+n.path}if(n.expires){if("function"!=typeof n.expires.toUTCString)throw TypeError("option expires is invali
1d");l+="; Expires="+n.expires.toUTCString()}if(n.httpOnly&&(l+="; HttpOnly"),n.secure&&(l+="; Secure"),n.sameSite)switch("string"==typeof n.sameSite?n.sameSite.toLowerCase():n.sameSite){case!0:case"strict":l+="; SameSite=Strict";break;case"lax":l+="; SameSite=Lax";break;case"none":l+="; SameSite=None";break;default:throw TypeError("option sameSite is invalid")}return l};var r=decodeURIComponent,i=encodeURIComponent,a=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/},47041:function(e,t,r){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&0>t.indexOf(i)&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,i=Object.getOwnPropertySymbols(e);a<i.length;a++)0>t.indexOf(i[a])&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(r[i[a]]=e[i[a]]);return r};Object.defineProperty(t,"__esModule",{value:!0}),t.checkCookies=t.hasCookie=t.removeCookies=t.deleteCookie=t.setCookies=t.setCookie=t.getCookie=t.getCookies=void 0;var n=r(76489),s=function(){return"undefined"!=typeof window},o=function(e){void 0===e&&(e="");try{var t=JSON.stringify(e);return/^[\{\[]/.test(t)?t:e}catch(t){return e}};t.getCookies=function(e){if(e&&(t=e.req),!s())return t&&t.cookies?t.cookies:t&&t.headers&&t.headers.cookie?(0,n.parse)(t.headers.cookie):{};for(var t,r={},i=document.cookie?document.cookie.split("; "):[],a=0,o=i.length;a<o;a++){var l=i[a].split("="),c=l.slice(1).join("=");r[l[0]]=c}return r},t.getCookie=function(e,r){var i,a=(0,t.getCookies)(r)[e];if(void 0!==a)return"true"===(i=a?a.replace(/(%[0-9A-Z]{2}
1)+/g,decodeURIComponent):a)||"false"!==i&&("undefined"!==i?"null"===i?null:i:void 0)},t.setCookie=function(e,t,r){if(r){var l,c,p,d=r.req,h=r.res,m=a(r,["req","res"]);c=d,p=h,l=m}var u=(0,n.serialize)(e,o(t),i({path:"/"},l));if(s())document.cookie=u;else if(p&&c){var A=p.getHeader("Set-Cookie");if(Array.isArray(A)||(A=A?[String(A)]:[]),p.setHeader("Set-Cookie",A.concat(u)),c&&c.cookies){var g=c.cookies;""===t?delete g[e]:g[e]=o(t)}if(c&&c.headers&&c.headers.cookie){var g=(0,n.parse)(c.headers.cookie);""===t?delete g[e]:g[e]=o(t),c.headers.cookie=Object.entries(g).reduce(function(e,t){return e.concat("".concat(t[0],"=").concat(t[1],";"))},"")}}},t.setCookies=function(e,r,i){return console.warn("[WARN]: setCookies was deprecated. It will be deleted in the new version. Use setCookie instead."),(0,t.setCookie)(e,r,i)},t.deleteCookie=function(e,r){return(0,t.setCookie)(e,"",i(i({},r),{maxAge:-1}))},t.removeCookies=function(e,r){return console.warn("[WARN]: removeCookies was deprecated. It will be deleted in the new version. Use deleteCookie instead."),(0,t.deleteCookie)(e,r)},t.hasCookie=function(e,r){return!!e&&(0,t.getCookies)(r).hasOwnProperty(e)},t.checkCookies=function(e,r){return console.warn("[WARN]: checkCookies was deprecated. It will be deleted in the new version. Use hasCookie instead."),(0,t.hasCookie)(e,r)}},31915:function(e,t,r){"use strict";r.d(t,{Z:function(){return x}});var i=r(8307);r(67294);var a=r(41664),n=r.n(a),s=r(25675),o=r.n(s),l=r(34757),c=r(86723),p=r.n(c),d=r(85893);function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach(function(t){(0,i.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let u=e=>{var t;let r=null===(t=e.tip.content.link)||void 0===t?void 0:t.url;return(0,d.jsx)("a",{className:p().wrapper,href:r,target:"_blank",rel:"noreferrer",children:(0,d.jsx)(g,m({},e))})},A=e=>{let t=e.tip.full_slug;return(0,d.jsx)(n(),{href:"/".concat(t),passHref:!0,className:p().wrapper,children:(0,d.jsx)(g,m({},e))})},g=e=>{let{tip:t,lazyLoad:r,meme:i}=e,{image:a}=t.content;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:p().imageWrapper,children:[(0,d.jsx)(o(),{src:a.filename,alt:a.alt,loading:r?"lazy":"eager",fill:!0,sizes:"(max-width: 370px) 320px,(max-width: 630px) 375px, (max-width: 768px) 414px, (max-width: 1024px) 414px, 414px"}),(0,d.jsx)("div",{className:p().hoverWrapper,children:(0,d.jsxs)("div",{className:p().hoverContainer,children:[(0,d.jsx)("img",{alt:"Eye",role:"presentation",src:"/_next/static/media/eye.4e8d49af.svg",width:23,height:14}),i?"View Meme":"Learn more"]})})]}),(0,d.jsxs)("div",{className:p().textContainer,children:[(0,d.jsx)("h3",{children:t.content.title}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("span",{className:p().seeTip,children:["See ",i?"meme":"tip"]}),(0,d.jsx)("img",{src:l.Z.src,width:13,height:11,alt:"Arrow",role:"presentation"})]})]})]})};var x=e=>{var t;let r=null==e||null===(t=e.tip)||void 0===t||null===(t=t.content)||void 0===t||null===(t=t.link)||void 0===t?void 0:t.linktype;return(0,d.jsx)(d.Fragment,{children:r&&"story"!==r?(0,d.jsx)(u,m({},e)):(0,d.jsx)(A,m({},e))})}},96624:function(e,t,r){"use strict";var i=r(8307);r(67294);var a=r(80883),n=r(85893);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){(0,i.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEac
1h(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let l={indicatorSeparator:e=>o(o({},e),{},{display:"none",color:"rgba(255, 255, 255, 0.55)"}),dropdownIndicator:e=>o(o({},e),{},{color:"".concat("#27374C")}),placeholder:e=>o(o({},e),{},{fontWeight:400,top:"49%",opacity:.5,fontStyle:"".concat("italic"),letterSpacing:"".concat("-0.39px"),color:"".concat("#27374C"),marginLeft:"".concat("0")}),menu:e=>o(o({},e),{},{cursor:"pointer",marginTop:0,borderRadius:"5px",borderTopLeftRadius:0,borderTopRightRadius:0}),menuList:e=>o(o({},e),{},{padding:0}),control:(e,t)=>o(o({},e),{},{width:"100%",minHeight:"50px",borderColor:"#DBDFE7",borderRadius:"5px",borderBottomLeftRadius:t.menuIsOpen?0:5,borderBottomRightRadius:t.menuIsOpen?0:5}),singleValue:e=>o(o({},e),{},{padding:"2px 0"}),option:(e,t)=>o(o({},e),{},{padding:"17px",background:"#fff !important",borderBottom:"1px solid #DBDFE7",color:t.isSelected?"#0F91FF":"#27374C",fontWeight:500,cursor:"pointer"}),container:e=>o(o({},e),{},{width:"100%"}),indicatorsContainer:e=>o(o({},e),{},{opacity:1}),valueContainer:e=>o(o({},e),{},{padding:"2px 8px 2px 15px"})};t.Z=e=>{let{id:t,options:r,defaultValue:i,handleChange:s,currentValue:o}=e;return(0,n.jsx)(a.ZP,{instanceId:t,isMulti:!1,options:r,defaultValue:i,onChange:s,value:o,isSearchable:!1,styles:l})}},31473:function(e,t,r){"use strict";var i=r(42758);t.Z=i.Z},37485:function(e,t,r){"use strict";var i=r(84775);t.Z=i.Z},84775:function(e,t,r){"use strict";r(67294);var i=r(9008),a=r.n(i),n=r(26533),s=r(85893);t.Z=e=>{let{title:t,url:r="",heroImage:i="https://hype4.academy/hero.jpg",description:o="Learn design and front-end coding with our articles, books, courses and videos.",children:l,ldJSON:c,keywords:p="Squareblack, SquarePlanet, Hype4, frontend academy, design academy, ux academy, javascript academy",noIndex:d=!1}=e,h=t?t+" | SquarePlanet":"SquarePlanet";return(0,s.jsxs)(a(),{children:[(0,s.jsx)("title",{children:(0,n.fm)(h)}),(0,s.jsx)("meta",{charSet:"UTF-8"}),(0,s.jsx)("meta",{httpEquiv:"Content-Type",content:"text/html; charset=utf-8"}),(0,s.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),(0,s.jsx)("meta",{name:"description",content:o}),p&&(0,s.jsx)("meta",{name:"keywords",content:p}),d&&(0,s.jsx)("meta",{name:"robots",content:"noindex"}),(0,s.jsx)("meta",{property:"og:image",content:i}),(0,s.jsx)("meta",{property:"twitter:image",content:i}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:site",content:"@hype4academy"}),(0,s.jsx)("meta",{name:"twitter:creator",content:"hype4academy"}),(0,s.jsx)("meta",{name:"twitter:title",content:(0,n.fm)(h)}),(0,s.jsx)("meta",{name:"twitter:description",content:(0,n.fm)(o)}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:site_name",content:"SquarePlanet"}),(0,s.jsx)("meta",{property:"og:url",content:"https://hype4.academy/".concat(r)}),(0,s.jsx)("meta",{property:"og:title",content:(0,n.fm)(h)}),(0,s.jsx)("meta",{property:"og:description",content:(0,n.fm)(o)}),(0,s.jsx)("meta",{property:"article:author",content:"https://twitter.com/hype4academy"}),(0,s.jsx)("meta",{property:"article:publisher",content:"https://twitter.com/hype4academy"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"57x57",href:"/favicon/apple-icon-57x57.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"60x60",href:"/favicon/apple-icon-60x60.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"72x72",href:"/favicon/apple-icon-72x72.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"76x76",href:"/favicon/apple-icon-76x76.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"114x114",href:"/favicon/apple-icon-114x114.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"120x120",href:"/favicon/apple-icon-120x120.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"144x144",href:"/favicon/apple-icon-144x144.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"152x152",href:"/favicon/apple-icon-152x152.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/favicon/apple-icon-180x180.png"}),(0,s.jsx)("link",{rel:"icon",type:"image/png",sizes:"192x192",href:"/favicon/android-icon-192x192.png"}),(0,s.jsx)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicon/favicon-32x32.png"}),(0,s.jsx)("link",{rel:"icon",type:"image/png",sizes:"96x96",href:"/favicon/favicon-96x96.png"}),(0,s.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicon/favicon-16x16.png"}),(0,s.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicon/favicon.ico"}),(0,s.jsx)("link",{rel:"manifest",href:"/favicon/manifest.json"}),(0,s.jsx)("meta",{name:"msapplication-TileColor",content:"#ffffff"}),(0,s.jsx)("meta",{name:"msapplication-TileImage",content:"/favicon/ms-icon-144x144.png"}),(0,s.jsx)("meta",{name:"theme-color",content:"#ffffff"}),c&&(0,s.jsxs)("script",{type:"application/ld+json",children:[" ","".concat(JSON.stringify(c))," "]}),(0,s.jsx)("script",{src:"https://analytics.ahrefs.com/analytics.js","data-key":"1Tq7QcEwJTWkK9xGI9UFoQ",defer:!0}),(0,s.jsx)("script",{async:!0,src:"https://www.googletagmanager.com/gtag/js?i
1d=AW-11179570373"}),(0,s.jsx)("script",{dangerouslySetInnerHTML:{__html:"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'AW-11179570373');\n "}}),(0,s.jsx)("link",{rel:"preconnect",href:"https://img2.storyblok.com/"}),(0,s.jsx)("link",{rel:"dns-prefetch",href:"https://img2.storyblok.com/"}),l]})}},28755:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return G},default:function(){return q}});var i=r(8307),a=r(4730),n=r(67294),s=r(41664),o=r.n(s),l=r(31473),c=r(37485),p=r(31915),d=r(98365),h=r.n(d),m=r(96624),u=r(6321),A=r.n(u),g=r(26533),x=r(85893);let f=[{value:"articles",label:"All news & articles"},{value:"design",label:"Visual Design"},{value:"ux",label:"User Experience & Research"},{value:"development",label:"Development"},{value:"productivity",label:"Productivity"},{value:"marketing",label:"Marketing"},{value:"ui",label:"User Interface"}];var _=e=>{let{data:t,renderPosts:r}=e,{0:i,1:a}=(0,n.useState)(t.interviews),{0:s,1:o}=(0,n.useState)("articles");(0,n.useEffect)(()=>{a((0,g.TV)(t.interviews).slice(0,6))},[]);let l=f.find(e=>e.value===s)||f[0];return(0,x.jsx)("section",{className:A().wrapper,children:(0,x.jsxs)("div",{className:A().container,children:[(0,x.jsx)("p",{className:A().topText,children:"Learn UX/UI Design"}),(0,x.jsx)("h1",{className:A().header,children:"UX, UI and Coding articles, trends and\xa0methods"}),(0,x.jsx)("ul",{className:A().categoriesList,children:f.map((e,t)=>(0,x.jsx)("li",{className:"".concat(A().category," ").concat(0===t?A().firstCategory:""," ").concat(s===e.value?A().activeCategory:""),onClick:()=>o(e.value),children:e.label},e.value))}),(0,x.jsx)("div",{className:A().dropdown,children:(0,x.jsx)(m.Z,{options:f,defaultValue:l,currentValue:l,handleChange:e=>{e&&o(e.value)},id:"articles"})}),r(t,s)]})})},j=r(25675),v=r.n(j),y=r(34757),w=r(17230),b=r.n(w),C=e=>{let{data:t,modifier:r}=e,{content:i,full_slug:a}=t,n="/"===a.charAt(0)?a:"/"+a;return(0,x.jsxs)(o(),{href:"".concat(n),className:"".concat(b().postBig," ").concat(b()[r||""]),children:[(0,x.jsx)("div",{className:b().postBigCategory,children:i.category}),(0,x.jsx)("div",{className:b().postBigImageWrapper,children:(0,x.jsx)("div",{className:b().postBigImage,children:(0,x.jsx)(v(),{src:i.image.filename,alt:i.image.alt||"post",priority:!0,fill:!0,sizes:"main"===r?"(max-width: 630px) 414px, (max-width: 768px) 512px, 512px":"(max-width: 630px) 414px, (max-width: 768px) 512px, (max-width: 1024px) 630px, 828px"})})}),(0,x.jsxs)("div",{className:b().postBigTextContainer,children:[(0,x.jsx)("h3",{children:i.title}),(0,x.jsx)("p",{children:i.intro}),(0,x.jsxs)("div",{className:b().postBigRead,children:[(0,x.jsx)("span",{children:"Read article"}),(0,x.jsx)("img",{src:y.Z.src,alt:"Arrow",role:"presentation",width:13,height:11})]})]})]})},k=r(39468),S=r.n(k),O=e=>{let{content:t}=e.data,r="/"===e.data.full_slug.charAt(0)?e.data.full_slug:"/"+e.data.full_slug;return(0,x.jsxs)(o(),{href:r,className:"".concat(S().postSmall," ").concat(S()[e.modifier||""]),children:[(0,x.jsx)("div",{className:S().postSmallImageWrapper,children:(0,x.jsx)("div",{className:S().postSmallImage,children:(0,x.jsx)(v(),{src:t.image.filename,alt:t.image.alt||"post",fill:!0,sizes:"(max-width: 630px) 320px, 375px"})})}),(0,x.jsxs)("div",{className:S().postSmallTextContainer,children:[(0,x.jsx)("h3",{children:t.title}),(0,x.jsxs)("div",{className:S().postSmallRead,children:[(0,x.jsx)("span",{children:"Read article"}),(0,x.jsx)("img",{src:y.Z.src,alt:"Arrow",role:"presentation",width:13,height:11})]})]})]})},N=r(41879),T=e=>{let{data:t}=e;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(_,{data:t,renderPosts:(e,t)=>(0,x.jsx)("div",{className:h().cellsContainer,children:e[t].map((e,t)=>0===t?(0,x.jsx)(C,{data:e},e.id):(0,x.jsx)(O,{data:e},e.id))})}),(0,x.jsx)("div",{className:h().bottomLinkContainer,children:(0,x.jsx)(o(),{href:N.jk.articles.index,className:h().seeAll,children:"See All"})})]})},E=r(69817),B=r.n(E),I=r(52493),L=r.n(I),R=r(11001),P=r(12745),D=r(45021),U=r(20602),M=r(20846),W=r(71246);let X=[{title:"Guide to portfolio \nand resume",description:"Learn the tips, trick and techniques to make your portfolio and resume perform better by design, performance tracking and optimisation methods.",author:"with MichaÅ Malewicz",imageURL:R.Z,hours:"",href:"https://hype4.academy/video-courses/guide-portfolio",tabId:5,pro:!0}
1,{title:"5 levels of UI design \nexplained",description:"Learn the difference between five main UI skill levels and how you can progress to level 4 - the minimum place to be to get job relevant skills.",author:"with MichaÅ Malewicz",imageURL:P.Z,hours:"",href:"https://hype4.academy/video-courses/levels-ux",tabId:5,pro:!0},{title:"Beginner UX \nguide",description:"Learn the complete basics of User Experience design - explained in a simple, straightforward way and with no industry jargon.",author:"with MichaÅ Malewicz",imageURL:D.Z,hours:"",href:"https://hype4.academy/video-courses/beginner-ux",tabId:5,pro:!0},{title:"Livestreams",description:"Missed a livestream? No worries, here's an archive of the past sessions.",author:"with Adam MouÄka",imageURL:M.Z,hours:"",href:"https://hype4.academy/video-courses/livestreams",tabId:5,pro:!0},{title:"Pro UI Guide",description:"Exclusive tips and tricks from Michalâs 20 years of industry experience on how to make the best UIâs - with examples.",author:"with MichaÅ Malewicz",imageURL:U.Z,hours:"",href:"https://hype4.academy/video-courses/pro-ui",tabId:5,pro:!0},{title:"Weekly redesigns",description:"Learn tips & tricks from Adam fixing designs from the community and compare the BEFORE & AFTER. Did he make it better?",author:"with Adam MouÄka",imageURL:W.Z,hours:"",href:"https://hype4.academy/video-courses/weekly-redesigns",tabId:5,pro:!0}];var z=()=>(0,x.jsx)("div",{className:L().coursesContainer,children:X.map((e,t)=>(0,x.jsxs)("a",{href:e.href,target:"_blank",className:"".concat(L().course),children:[(0,x.jsx)("div",{className:"".concat(L().courseBackground," ").concat(L()["course".concat(t+1)])}),(0,x.jsx)("div",{style:{position:"absolute",top:30,left:30,width:134,height:190},children:(0,x.jsx)(v(),{alt:"course",src:e.imageURL,width:134,height:190})}),(0,x.jsxs)("div",{className:L().courseContent,children:[e.pro?(0,x.jsxs)("h5",{className:L().uppercased,style:{display:"flex",alignItems:"center",gap:3},children:["Video materials for"," ",(0,x.jsx)("span",{className:L().proBadge,style:{marginRight:0},children:"PRO"})," ","users"]}):(0,x.jsxs)("h5",{className:L().uppercased,children:["Video course ",(0,x.jsx)("span",{className:L().courseDot,children:"\xb7"})," ",e.hours]}),(0,x.jsxs)("h4",{children:[e.title.split("\n")[0],(0,x.jsx)("br",{}),e.title.split("\n")[1]]}),(0,x.jsx)("p",{className:L().courseAuthor,children:e.author}),(0,x.jsx)("p",{className:L().courseDescription,children:e.description})]})]},e.title))}),Z=e=>{let{dataUX:t,dataLaws:r,memes:i,data:a,articlesData:n}=e,{title:s,description:d,displayNumberOf:h,keywords:m,ogImage:u,subTitle:A}=a.story.content;return(0,x.jsxs)(l.Z,{transparentNav:"basicNav",children:[(0,x.jsx)(c.Z,{heroImage:u.filename,title:"".concat(s," "),description:d,keywords:m}),(0,x.jsx)("div",{className:B().headerWrapper,children:(0,x.jsx)(T,{data:n})}),(0,x.jsx)("div",{className:B().contentTitleWrapper,children:(0,x.jsx)("div",{className:B().contentTitle,children:(0,x.jsx)("h3",{children:"Design Tips"})})}),(0,x.jsx)("div",{className:B().contentWrapper,children:t.map(t=>(0,x.jsx)(p.Z,{tip:t,bgColor:e.colorUX},t.id))}),(0,x.jsx)("div",{className:B().bottomLinkContainer,children:(0,x.jsx)(o(),{href:"/learn/ux-design-tips",className:B().seeAllLink,children:"See all"})}),(0,x.jsxs)("div",{className:B().contentTitleWrapper,children:[(0,x.jsx)("div",{className:B().contentTitle,children:(0,x.jsx)("h3",{children:"PRO materials"})}),(0,x.jsxs)("p",{className:B().description,children:["Special mini-course playlists for our PRO members. Want access?"," ",(0,x.jsx)(o(),{href:N.jk.plans,className:B().descriptionLink,children:"become\xa0a\xa0PRO!"})]})]}),(0,x.jsx)(z,{}),(0,x.jsx)("div",{className:B().bottomLinkContainer,children:(0,x.jsx)(o(),{href:N.jk.booksAndCourses.index,className:B().seeAllLink,children:"See all"})}),(0,x.jsx)("div",{className:B().contentTitleWrapper,children:(0,x.jsx)("div",{className:B().contentTitle,children:(0,x.jsx)("h3",{children:"Laws of UX"})})}),(0,x.jsx)("div",{className:B().contentWrapper,children:r.map(t=>(0,x.jsx)(p.Z,{tip:t,bgColor:e.colorLaws},t.id))}),(0,x.jsx)("div",{className:B().bottomLinkContainer,children:(0,x.jsx)(o(),{href:"/learn/laws-of-ux",className:B().seeAllLink,children:"See all"})}),(0,x.jsx)("div",{className:B().contentTitleWrapper,children:(0,x.jsx)("div",{className:B().contentTitle,children:(0,x.jsx)("h3",{children:"Memes"})})}),(0,x.jsx)("div",{className:B().contentWrapper,children:i.map(t=>(0,x.jsx)(p.Z,{tip:t,bgColor:e.colorLaws,meme:!0},t.id))}),(0,x.jsx)("div",{className:B().bottomLinkContainer,children:(0,x.jsx)(o(),{href:"/learn/memes",className:B().seeAllLink,children:"See all"})})]})};let V=["dataUX","dataLaws","data","articlesData"];function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}var G=!0,q=e=>{let{dataUX:t,dataLaws:r,data:n,articlesData:s}=e,o=(0,a.Z)(e,V);return(0,x.jsx)(Z,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};
1t%2?H(Object(r),!0).forEach(function(t){(0,i.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({articlesData:s,data:n,dataUX:t,dataLaws:r},o))}},81437:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/learn",function(){return r(28755)}])},34757:function(e,t){"use strict";t.Z={src:"/_next/static/media/arrw.f8d8773f.svg",height:11,width:13,blurWidth:0,blurHeight:0}},11001:function(e,t){"use strict";t.Z={src:"/_next/static/media/cover15.f3633dbb.png",height:596,width:421,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAWlBMVEX+wCL/yy/Olxfux0//wBbXpCPDq2j4xiz/uRr/1jeslFXdsDjurxvkpRfboRpXVVGura3AlSDCxc7hpiAAAAL/yySwkCVpWisnJiWOkZq2q5OSjHzluSxBNRFwPKF2AAAADHRSTlP6/f76/v79/f39/f1yJyfpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOUlEQVR4nAXBBwKAIAwAsVNGQct0r/9/04RB2h4jcqzfK8zlLI9humrvHndX78DqYjcIeWwZgqak/EiIAle+o44UAAAAAElFTkSuQmCC",blurWidth:6,blurHeight:8}},12745:function(e,t){"use strict";t.Z={src:"/_next/static/media/cover16.57b246e5.png",height:596,width:420,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAQlBMVEX/uRumizySeTPNlhj+xyr8vh/1tyH/thnwsBv/0DK5kCbjqBrEjhXOqTznuzWqiyvPmyCeeBzpty12Zz5yWyBUSCZD0ha5AAAACXRSTlPm////////5vPsmIaGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVR4nAXBhxHAIAwAsbdxOQPpsP+qkbC6pAp7Vc/CuspRxNqfGH4/PYxw93DGnK0NyEz4ASuMAXJzB2YrAAAAAElFTkSuQmCC",blurWidth:6,blurHeight:8}},45021:function(e,t){"use strict";t.Z={src:"/_next/static/media/cover17.dbb74479.png",height:596,width:420,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAP1BMVEX/uBn/ySv6xDPAjBX9uh3/wSH/xiTxsh7rrBr/0Dj00WCSlZ45PUVyb2XUmRbPmBmFgnfKuojHtYW6lTPFpVXOHL5UAAAACXRSTlPm/////////v4QMmJiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVR4nCXByQHAIAgEwAUBXY9oov3X6iMzENZKQr7WXkJH74vwM7YKzDUiYLlkc9iT0nT8Li3PAVyOe6UIAAAAAElFTkSuQmCC",blurWidth:6,blurHeight:8}},20602:function(e,t){"use strict";t.Z={src:"/_next/static/media/cover18.ca248ca5.png",height:596,width:420,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAMFBMVEXx8fHs7Oz9/f77+Pfj4d/q6ue0s7P08/C7u7vb19fQ0dXGvKrMv7LGxsbj0+PM4csIpwD6AAAAAnRSTlPm8i0ECmIAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAySURBVHicJcHHEcAwDASxm+UxSHLov1s/DIjIbkRcJ1Hs5RfRyw+CKaPIKod8T03q9wEczgDu4Bg1zAAAAABJRU5ErkJggg==",blurWidth:6,blurHeight:8}},20846:function(e,t){"use strict";t.Z={src:"/_next/static/media/cover20.001365da.png",height:1920,width:1350,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAM1BMVEXz8/PHwbqssKYbCAbu7u7Fxcbd3N3+//+/w8D4+Pje5dl/PzmOlJCDkXRwc2eXPTbWvLIfB1VeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAMklEQVR4nBXGSRLAIAzAMAMBJ93o/1/bqU7CJ1Xs91Hiu88mtjG6lHlFQQTAyplz/QM+JVoBEg3tfvIAAAAASUVORK5CYII=",blurWidth:6,blurHeight:8}},71246:function(e,t){"use strict";t.Z={src:"/_next/static/media/cover21.7508408a.png",height:960,width:675,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAHlBMVEX9/f3y8PD29PXj4+LZ19bJycru6+u5u7rEs6OsqKSBJ+G6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAALUlEQVR4nCXFwQ0AIAwDsUvSFth/YSTwx2iSEc4qGyslo8kpQLVfE4G6u813AQ/5AIDcAx1VAAAAAElFTkSuQmCC",blurWidth:6,blurHeight:8}},6321:function(e){e.exports={container:"articlesTabs_container__vdeY5",topText:"articlesTabs_topText__Sss_2",header:"articlesTabs_header__Cjnqj",categoriesList:"articlesTabs_categoriesList__GFTIE",category:"articlesTabs_category__ymxX6",activeCategory:"articlesTabs_activeCategory__0ulaC",firstCategory:"articlesTabs_firstCategory__E6dvs",dropdown:"articlesTabs_dropdown__nI0Sq",cellsContainer:"articlesTabs_cellsContainer__KIsE5"}},86723:function(e){e.exports={wrapper:"linkCard_wrapper__vrNpQ",imageWrapper:"linkCard_imageWrapper__GwWz8",hoverWrapper:"linkCard_hoverWrapper__gSiuD",hoverContainer:"linkCard_hoverContainer__dJyYL",textContainer:"linkCard_textContainer__vz4Es",seeTip:"linkCard_seeTip__z8U5C"}},98365:function(e){e.exports={cellsContainer:"articles_cellsContainer__5T5ED",bottomLinkContainer:"articles_bottomLinkContainer__jsNTu",seeAll:"articles_seeAll__9k02u"}},69817:function(e){e.exports={headerWrapper:"learn_headerWrapper__x6_qW",bgImage:"learn_bgImage__B64r4",headerContainer:"learn_headerContainer__UX4BN",titleContainer:"learn_titleContainer__ROOvZ",title:"learn_title___zUl_",tipsBubble:"learn_tipsBubble__I9MdZ",contentWrapper:"learn_contentWrapper___L9d0",contentTitle:"learn_contentTitle__HTQe8",contentTitleWrapper:"learn_contentTitleWrapper__Qtf0J",description:"learn_description__d3YOZ",descriptionLink:"learn_descriptionLink__7Mfco",contentRow:"learn_contentRow__dvuZS",seeAllLink:"learn_seeAllLink__MYfDx",seeAllImg:"learn_seeAllImg__q_A5G",bottomLinkContainer:"learn_bottomLinkContainer__6Z338",bookShelfWrapper:"learn_bookShelfWrapper__4rm73",seeAll:"learn_seeAll__wzcAO"}},17230:function(e){e.exports={postBigImageWrapper:"learnArticleCellBig_postBigImageWrapper__Kj3hD",postBigImage:"learnArticleCellBig_postBigImage__4jPGy",postBigCategory:"learnArticleCellBig_postBigCategory__qeFP_",postBigRead:"learnArticleCellBig_postBigRead__PQD0h",postBigTextContainer:"learnArticleCellBig_postBigTextContainer__G_CDA",postBig:"learnArticleCellBig_postBig__TotdQ",hidden:"learnArticleCellBig_hidden__5WNLd",main:"learnArticleCellBig_main__GtEcg"}},39468:function(e){e.exports={postSmall:"learnArticleCellSmall_postSmall__gV21L",hidden:"learnArticleCellSmall_hidden__MhGKP",main:"learnArticleCellSmall_main__uSqhx",postSmallTextContainer:"learnArticleCellSmall_postSmallTextContainer__RtNc4",postSmallImage:"learnArticleCellSmall_postSmallImage__Dv8_0",postSmallRead:"learnArticleCellSmall_postSmallRead__yUwLi",postSmallSection:"learnArticleCellSmall_postSmallSection__dCAng",postSmallWrapper:"learnArticleCellSmall_postSmallWrapper__MP42I",postSmallImageWrapper:"learnArticleCellSmall_postSmallImageWrapper__FNlyV",postSmallTitle:"learnArticleCellSmall_postSmallTitle__na78_"}},52493:function(e){e.exports={courses:"proMaterials_courses__5JK9D",coursesContainer:"proMaterials_coursesContainer__sCTxU",course:"proMaterials_course__r9OEx",courseBackgroun
1d:"proMaterials_courseBackground__rm3Ma",proBadge:"proMaterials_proBadge__iiVK4",course1:"proMaterials_course1__1hmla",course2:"proMaterials_course2__ODRya",course3:"proMaterials_course3__uXDeT",courseContent:"proMaterials_courseContent__v3wvS",uppercased:"proMaterials_uppercased__dAfZ_",courseDot:"proMaterials_courseDot__KFFhA",courseAuthor:"proMaterials_courseAuthor__E_3Lm",courseDescription:"proMaterials_courseDescription__fhWnO"}},9008:function(e,t,r){e.exports=r(74394)}},function(e){e.O(0,[2758,2888,9774,179],function(){return e(e.s=81437)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.