{"tag":{"id":"5f22b52283e4e9440619af83","name":"#codenewbies","logo":null,"slug":"codenewbies","tagline":null,"__typename":"Tag"},"publication":{"__typename":"Publication","id":"62792a88076291997b7652fc","url":"https://rembertdesigns.hashnode.dev","canonicalURL":"https://rembertdesigns.hashnode.dev","urlPattern":"SIMPLE","title":"Richard Rembert","displayTitle":"Rembert Designs Blog | Helping Web Developers And Designers with Resources","hasBadges":true,"descriptionSEO":"Learn Web Design & Development with Rembert Designs blogs, tutorials, and examples - Full Stack Web Development and Responsive Web Design.","publicMembers":{"totalDocuments":1,"__typename":"PublicationMemberConnection"},"about":{"html":"

Passionate Software Engineer with three years of experience, dedicated to creating robust and scalable web applications. I have a strong foundation in JavaScript, React, Python, and Node.js.

\n","text":"Passionate Software Engineer with three years of experience, dedicated to creating robust and scalable web applications. I have a strong foundation in JavaScript, React, Python, and Node.js.\n","__typename":"Content"},"features":{"proTeam":{"isEnabled":false,"__typename":"ProTeamFeature"},"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":true,"__typename":"ReadTimeFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":true,"published":{"__typename":"CustomCSS","homeMinified":".blog-header{margin:0 10rem 0 10rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}.blog-theme-switcher{display:none}.blog-title{font-size:2.5rem;display:flex;flex-direction:column}.blog-title:after{content:'Software Engineer | UX/UI Designer | Technical Writer | Content Creator';font-size:1rem;font-style:italic;font-weight:normal}.blog-nav-active{background:#000;color:#fff}.blog-nav-active:hover{color:#000}.blog-author-card{display:none}.blog-content-area{margin-top:3rem;margin-bottom:3rem}.blog-post-card-wrapper{padding:1.5rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff}.blog-post-card-title{font-size:1.5rem}.blog-post-card-brief{font-size:.8rem;font-style:italic}@media only screen and (max-width:850px){.blog-header{margin:0 3rem 0 3rem}}@media only screen and (max-width:570px){.blog-title{font-size:1.5rem}.blog-title:after{font-size:.8rem}.blog-sub-header-nav{font-size:10px}}","postMinified":".blog-header{margin:0 10rem 0 10rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}.blog-theme-switcher{display:none}.blog-title{font-size:2.5rem;display:flex;flex-direction:column}.blog-title:after{content:'Software Engineer | UX/UI Designer | Technical Writer | Content Creator';font-size:1rem;font-style:italic;font-weight:normal}.blog-nav-active{background:#000;color:#fff}.blog-nav-active:hover{color:#000}.blog-post-area{margin:3rem 0 3rem 0}.post-cover{border-radius:15px}.blog-content-main{padding:2rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff;margin-right:3rem;margin-left:3rem}.blog-similar-author-wrapper{display:none}.blog-similar-article-wrapper{border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff;margin:0 1rem 0 1rem}.blog-comments-section-wrapper{padding:1.5rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff;margin:0 1rem 0 1rem}@media only screen and (max-width:850px){.blog-header{margin:0 3rem 0 3rem}.blog-content-sidebar{margin-top:2rem}}@media only screen and (max-width:800px){.blog-content-main{margin:0 3rem 0 3rem}}@media only screen and (max-width:570px){.blog-title{font-size:1.5rem}.blog-title:after{font-size:.8rem}.blog-sub-header-nav{font-size:10px}}","staticMinified":".blog-header{margin:0 10rem 0 10rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}.blog-theme-switcher{display:none}.blog-title{font-size:2.5rem;display:flex;flex-direction:column}.blog-title:after{content:'Software Engineer | UX/UI Designer | Technical Writer | Content Creator';font-size:1rem;font-style:italic;font-weight:normal}.blog-nav-active{background:#000;color:#fff}.blog-nav-active:hover{color:#000}.blog-page-content{padding:1.5rem;background:#fff;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}@media only screen and (max-width:850px){.blog-header{margin:0 3rem 0 3rem}}@media only screen and (max-width:570px){.blog-title{font-size:1.5rem}.blog-title:after{font-size:.8rem}.blog-sub-header-nav{font-size:10px}}"},"draft":{"__typename":"CustomCSS","homeMinified":".blog-header{margin:0 10rem 0 10rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}.blog-theme-switcher{display:none}.blog-title{font-size:2.5rem;display:flex;flex-direction:column}.blog-title:after{content:'Software Engineer | UX/UI Designer | Technical Writer | Content Creator';font-size:1rem;font-style:italic;font-weight:normal}.blog-nav-active{background:#000;color:#fff}.blog-nav-active:hover{color:#000}.blog-author-card{display:none}.blog-content-area{margin-top:3rem;margin-bottom:3rem}.blog-post-card-wrapper{padding:1.5rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff}.blog-post-card-title{font-size:1.5rem}.blog-post-card-brief{font-size:.8rem;font-style:italic}@media only screen and (max-width:850px){.blog-header{margin:0 3rem 0 3rem}}@media only screen and (max-width:570px){.blog-title{font-size:1.5rem}.blog-title:after{font-size:.8rem}.blog-sub-header-nav{font-size:10px}}","postMinified":".blog-header{margin:0 10rem 0 10rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}.blog-theme-switcher{display:none}.blog-title{font-size:2.5rem;display:flex;flex-direction:column}.blog-title:after{content:'Software Engineer | UX/UI Designer | Technical Writer | Content Creator';font-size:1rem;font-style:italic;font-weight:normal}.blog-nav-active{background:#000;color:#fff}.blog-nav-active:hover{color:#000}.blog-post-area{margin:3rem 0 3rem 0}.post-cover{border-radius:15px}.blog-content-main{padding:2rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff;margin-right:3rem;margin-left:3rem}.blog-similar-author-wrapper{display:none}.blog-similar-article-wrapper{border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff;margin:0 1rem 0 1rem}.blog-comments-section-wrapper{padding:1.5rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000;background:#fff;margin:0 1rem 0 1rem}@media only screen and (max-width:850px){.blog-header{margin:0 3rem 0 3rem}.blog-content-sidebar{margin-top:2rem}}@media only screen and (max-width:800px){.blog-content-main{margin:0 3rem 0 3rem}}@media only screen and (max-width:570px){.blog-title{font-size:1.5rem}.blog-title:after{font-size:.8rem}.blog-sub-header-nav{font-size:10px}}","staticMinified":".blog-header{margin:0 10rem 0 10rem;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}.blog-theme-switcher{display:none}.blog-title{font-size:2.5rem;display:flex;flex-direction:column}.blog-title:after{content:'Software Engineer | UX/UI Designer | Technical Writer | Content Creator';font-size:1rem;font-style:italic;font-weight:normal}.blog-nav-active{background:#000;color:#fff}.blog-nav-active:hover{color:#000}.blog-page-content{padding:1.5rem;background:#fff;border:1px solid #000;border-radius:5px;box-shadow:10px 7px 0 #000}@media only screen and (max-width:850px){.blog-header{margin:0 3rem 0 3rem}}@media only screen and (max-width:570px){.blog-title{font-size:1.5rem}.blog-title:after{font-size:.8rem}.blog-sub-header-nav{font-size:10px}}"},"__typename":"CustomCSSFeature"},"gptBotCrawling":{"__typename":"GPTBotCrawlingFeature","isEnabled":false},"__typename":"PublicationFeatures"},"metaTags":"","ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"62792a4b7f98319956cd2bf7","name":"Richard Rembert","username":"rembertdesigns","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655512547653/yqPzWE1O0.jpg"},"preferences":{"__typename":"Preferences","logo":null,"darkMode":{"__typename":"DarkModePreferences","logo":null,"enabled":null},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"634459656d64be07a724ae59","label":"Support","url":"https://rembertdesigns.hashnode.dev/sponsor","type":"link","series":null,"page":null},{"__typename":"PublicationNavbarItem","id":"6344596a6d64be07a724ae62","label":"CSS","url":"https://rembertdesigns.hashnode.dev/series/css-tutorials","type":"series","series":{"__typename":"Series","id":"62d5f15c3060d03288d9b824"},"page":null},{"__typename":"PublicationNavbarItem","id":"634459706d64be07a724ae6b","label":"SASS","url":"https://rembertdesigns.hashnode.dev/series/sass-basics","type":"series","series":{"__typename":"Series","id":"63137e7f041b51e1712e2205"},"page":null},{"__typename":"PublicationNavbarItem","id":"63445976f943840715bd232f","label":"JavaScript","url":"https://rembertdesigns.hashnode.dev/series/javascript-series","type":"series","series":{"__typename":"Series","id":"62d70f693060d03288d9f087"},"page":null},{"__typename":"PublicationNavbarItem","id":"6344597cf943840715bd2338","label":"React","url":"https://rembertdesigns.hashnode.dev/series/react-basics","type":"series","series":{"__typename":"Series","id":"631e60753e8d6f3497ad7c31"},"page":null},{"__typename":"PublicationNavbarItem","id":"6342fe000961ceed80d09ac3","label":"Design","url":"https://rembertdesigns.hashnode.dev/series/web-design-basics","type":"series","series":{"__typename":"Series","id":"633a1f2afa20fa4bc8e5929c"},"page":null},{"__typename":"PublicationNavbarItem","id":"6342fe0d0961ceed80d09acb","label":"SEO","url":"https://rembertdesigns.hashnode.dev/series/seo-basics","type":"series","series":{"__typename":"Series","id":"6342fdaa250857e669efe656"},"page":null},{"__typename":"PublicationNavbarItem","id":"633f63ac6971ffceb981eebb","label":"Marketing","url":"https://rembertdesigns.hashnode.dev/series/digital-marketing","type":"series","series":{"__typename":"Series","id":"633f63716971ffceb981ee9f"},"page":null}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":true},"layout":"stacked","disableFooterBranding":false,"isSubscriptionModalDisabled":false},"favicon":null,"headerColor":"","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"","gTagManagerID":null,"plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","koalaPublicKey":null,"msClarityID":null,"__typename":"PublicationIntegrations"},"imprintV2":null,"postsCount":{"totalDocuments":109,"__typename":"PublicationPostConnection"},"isTeam":true,"links":{"twitter":"https://twitter.com/RichardDRembert","instagram":"https://www.instagram.com/rembertdesignsco/","github":"https://github.com/rembertdesigns","website":"https://www.rembertdesigns.co/","hashnode":"https://hashnode.com/@rembertdesigns","youtube":"","dailydev":"","linkedin":"https://www.linkedin.com/in/rrembert/","mastodon":"","facebook":null,"bluesky":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"rembertdesigns","domain":null,"wwwPrefixedDomain":null},"redirectionRules":[],"totalRecommendedPublications":0,"sponsorship":{"content":{"html":"

Hi there! 👋🏾 Thanks for checking out this page. If it's ok with you, take a minute to read a little more.

I am Richard, a former sommelier turned Software Engineer based in NYC. I am passionate about knowledge sharing, collaboration, and connecting with like minded individuals.

From learning how to code from content creators before me, I decided to document & share my own thoughts and expertise about frontend/backend engineering.

The idea behind creating this collection of blogs is to make learning easy for curious like minded people. I post articles with detailed examples, real life scenarios that I personally experienced during my journey as a Software Engineer. Being able to share free information about the tech space is one of the reasons why I enjoy doing this!

Giving back with free resources is the least I can do as well as pay it forward for upcoming software engineers entering the space.

That said:

If you've gotten value from my blog posts - and you have a few coins to spare - I would greatly appreciate your support in the form of a small ti here.

\n","markdown":"Hi there! 👋🏾 Thanks for checking out this page. If it's ok with you, take a minute to read a little more. \n\nI am Richard, a former sommelier turned Software Engineer based in NYC. I am passionate about knowledge sharing, collaboration, and connecting with like minded individuals. \n\nFrom learning how to code from content creators before me, I decided to document & share my own thoughts and expertise about frontend/backend engineering.\n\nThe idea behind creating this collection of blogs is to make learning easy for curious like minded people. I post articles with detailed examples, real life scenarios that I personally experienced during my journey as a Software Engineer. Being able to share free information about the tech space is one of the reasons why I enjoy doing this!\n\nGiving back with free resources is the least I can do as well as pay it forward for upcoming software engineers entering the space. \n\nThat said:\n\nIf you've gotten value from my blog posts - and you have a few coins to spare - I would greatly appreciate your support in the form of a small ti here.","__typename":"Content"},"stripe":{"connected":true,"accountId":"acct_1Li2RFRCE4TE7d9g","country":"US","__typename":"StripeConfiguration"},"__typename":"PublicationSponsorship"},"allowContributorEdits":true,"posts":{"edges":[{"node":{"__typename":"Post","id":"62dfe8208730728f62e8e61c","title":"The Z-Index Property Tutorial","slug":"the-z-index-property-tutorial","publishedAt":"2022-07-26T13:12:00.914Z","cuid":"cl62768vy07zz4mnvcif498vl","url":"https://rembertdesigns.hashnode.dev/the-z-index-property-tutorial","subtitle":"Learn All About Stacking CSS Elements with Z-Index","brief":"In CSS, each box has a position in three dimensions. In addition to the x-axis (horizontal) and y-axis (vertical) positions, boxes also have a “z-axis” where they stack on top of each other.\nThe z-index property defines the stacking order of the elem...","readTimeInMinutes":2,"views":28,"author":{"__typename":"User","id":"62792a4b7f98319956cd2bf7","username":"rembertdesigns","name":"Richard Rembert","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655512547653/yqPzWE1O0.jpg","followersCount":42},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1658840033090/hNSIEiP6U.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjJkZmU4MjA4NzMwNzI4ZjYyZThlNjFjXzIwMjItMDctMjZUMTM6MTI6MDAuOTE0Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"62c63e2160d6757393f83494","title":"CSS Attribute Selectors Tutorial","slug":"css-attribute-selectors-tutorial","publishedAt":"2022-07-07T02:00:01.155Z","cuid":"cl5adsv5h02br2gnvb6ye175k","url":"https://rembertdesigns.hashnode.dev/css-attribute-selectors-tutorial","subtitle":"Learn All About Styling with CSS Attribute Selectors","brief":"In this article, we’ll be learning all about attribute selectors. If you remember from HTML, elements can have attributes that give extra details.\nAn a tag with an href attribute:\n\nWe use CSS attribute selectors to target these elements with their sp...","readTimeInMinutes":3,"views":52,"author":{"__typename":"User","id":"62792a4b7f98319956cd2bf7","username":"rembertdesigns","name":"Richard Rembert","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655512547653/yqPzWE1O0.jpg","followersCount":42},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1657158448617/TOqqeyLGl.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjJjNjNlMjE2MGQ2NzU3MzkzZjgzNDk0XzIwMjItMDctMDdUMDI6MDA6MDEuMTU1Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"62b9a9d1f2e6c7d70c123b37","title":"10 Best Code Editors in 2022: The Guide to the Top Options","slug":"10-best-code-editors-in-2022-the-guide-to-the-top-options","publishedAt":"2022-06-27T13:00:01.132Z","cuid":"cl4wqz40b00l05env6fdg7vhh","url":"https://rembertdesigns.hashnode.dev/10-best-code-editors-in-2022-the-guide-to-the-top-options","subtitle":"The best code editors can boost your efficiency and creativity. Use this guide to pick the right one for you.","brief":"The best code editors can have a huge impact on your productivity and workflow. Many of us stick with what we know out of habit, but shopping around can uncover fast and intuitive interfaces or killer features that can help get the work done more qui...","readTimeInMinutes":5,"views":41,"author":{"__typename":"User","id":"62792a4b7f98319956cd2bf7","username":"rembertdesigns","name":"Richard Rembert","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655512547653/yqPzWE1O0.jpg","followersCount":42},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656301558300/T4iK8bzFc.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjJiOWE5ZDFmMmU2YzdkNzBjMTIzYjM3XzIwMjItMDYtMjdUMTM6MDA6MDEuMTMyWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"62a0cf3d68ad9b73958af323","title":"Top 10 Coding Challenge Websites","slug":"top-10-coding-challenge-websites","publishedAt":"2022-06-08T16:33:01.089Z","cuid":"cl45t7ufi0008xonvha9l0x02","url":"https://rembertdesigns.hashnode.dev/top-10-coding-challenge-websites","subtitle":"Want to enhance your coding skills for better opportunities? Here are my 10 top coding challenge websites","brief":"Let's just be honest. Coding is difficult but if you have curiosity, determination, and sheer will to learn to code then you can definitely do it. Writing code is also all about problem-solving. To excel in anything you need is practice (lots and lot...","readTimeInMinutes":4,"views":128,"author":{"__typename":"User","id":"62792a4b7f98319956cd2bf7","username":"rembertdesigns","name":"Richard Rembert","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655512547653/yqPzWE1O0.jpg","followersCount":42},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1654705270200/lE4mu08L8.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjJhMGNmM2Q2OGFkOWI3Mzk1OGFmMzIzXzIwMjItMDYtMDhUMTY6MzM6MDEuMDg5Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"629fbbd835465b6263093560","title":"10 Best Places to Learn How to Code in 2022","slug":"10-best-places-to-learn-how-to-code-in-2022","publishedAt":"2022-06-07T20:58:00.867Z","cuid":"cl44n8s4b01b4jenv7gsr9p47","url":"https://rembertdesigns.hashnode.dev/10-best-places-to-learn-how-to-code-in-2022","subtitle":"Multiple online learning platforms where you can learn how to code","brief":"There are multiple online learning platforms where you can learn how to code. Each adapts to different learning styles, so the most important thing is to find the one that best fits your own needs. In this article, I have collected 10 places where yo...","readTimeInMinutes":6,"views":166,"author":{"__typename":"User","id":"62792a4b7f98319956cd2bf7","username":"rembertdesigns","name":"Richard Rembert","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655512547653/yqPzWE1O0.jpg","followersCount":42},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1654634698057/0gwq5g8gA.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjI5ZmJiZDgzNTQ2NWI2MjYzMDkzNTYwXzIwMjItMDYtMDdUMjA6NTg6MDAuODY3Wg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjI5ZmJiZDgzNTQ2NWI2MjYzMDkzNTYwXzIwMjItMDYtMDdUMjA6NTg6MDAuODY3Wg==","hasNextPage":false,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}