{"publication":{"id":"5f4d369be4e2417295cc5461","url":"https://unclebigbay.com","canonicalURL":"https://unclebigbay.com","title":"Unclebigbay's 🚀 Blog","displayTitle":null,"descriptionSEO":"Customer Success Engineer @Hashnode\n﹒AMA about using Hashnode\n﹒Developer Advocado 🥑 \n﹒Software Developer👲 \n﹒Web3 Technical Writer ✍ \n﹒Content Creator 👨‍🏫\n","username":"unclebigbay","about":{"html":"

Customer Success Engineer @Hashnode

﹒AMA about using Hashnode

﹒Developer Advocado 🥑

﹒Software Developer👲

﹒Web3 Technical Writer ✍

﹒Content Creator 👨‍🏫

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","username":"unclebigbay","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625657307309/xc2sIqrug.jpeg","__typename":"User"},"preferences":{"logo":"","darkMode":{"logo":"","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}.blog-sub-header-nav a{color:#fff}.blog-social-media-section{color:#fff}nav a,blog-nav{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.blog-page-content .blog-page-title{color:#2696e8}.prose hr{border-top:4px dotted #2696e8}","homeMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title.css-xyh8wp{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.prose h3{display:none}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"61ac6b60a375fb2266f3dd57","label":"React","url":"https://unclebigbay.com/series/reactjs","priority":5,"type":"series","series":{"id":"61ac668ba375fb2266f3dcf0","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6c72b6bca85a26d3ddaf","label":"Tutorials","url":"https://unclebigbay.com/series/tutorials","priority":4,"type":"series","series":{"id":"61ac6b32a375fb2266f3dd4c","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6ca3a375fb2266f3dd70","label":"Projects","url":"https://unclebigbay.com/series/projects","priority":3,"type":"series","series":{"id":"61ac6c12b6bca85a26d3dda5","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6ad3b6bca85a26d3dd90","label":"Challenge","url":"https://unclebigbay.com/series/design-and-code-challenge","priority":2,"type":"series","series":{"id":"60cede6e37952431a17131e1","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61ac6c6aa375fb2266f3dd6a","label":"My Projects","url":"https://unclebigbay.com/series/work-review-and-feedback","priority":2,"type":"series","series":{"id":"608739c4c126f30b01abe235","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"630729740e45d758b7f821af","label":"Buy me a coffee ☕","url":"https://www.buymeacoffee.com/unclebigbay","priority":1,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"61ac6ab2a375fb2266f3dd41","label":"About Me","url":"https://unclebigbay.com/about","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}.blog-sub-header-nav a{color:#fff}.blog-social-media-section{color:#fff}nav a,blog-nav{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.blog-page-content .blog-page-title{color:#2696e8}.prose hr{border-top:4px dotted #2696e8}","homeMin":".blog-header{background:#2696e8}.blog-title{color:#fff;white-space:nowrap}nav a,blog-nav{color:#fff}.blog-social-media-section{color:#fff}.blog-search-button,.blog-theme-switcher,.blog-settings{color:#fff}.blog-post-card-title.css-xyh8wp{color:#900c3f}.dark .blog-post-card-title{color:#fff}.blog-sub-header-nav .blog-nav-active{color:#333;background:#fff}.prose h3{display:none}","__typename":"CustomCSSPreferences"},"layout":"magazine","disableFooterBranding":true,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675361557250/i3TYEeaNm.jpeg","headerColor":"","metaTags":"\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"3219990","matomoSiteID":null,"matomoURL":"","gaTrackingID":"G-T05598BSQN","plausibleAnalyticsEnabled":true,"wmPaymentPointer":"$ilp.uphold.com/63QiyxRqA7bP","__typename":"PublicationIntegrations"},"postsCount":95,"impressum":"

Hi 🙋‍♂️, I'm unclebigbay, the author of this blog and I'm glad you made it to my blog, I would like to connect with you, I am active on:

Twitter
LinkedIn

\n","isTeam":false,"links":{"twitter":"https://twitter.com/unclebigbay143","instagram":"https://instagram.com/unclebigbay","github":"https://github.com/unclebay143","website":"https://unclebigbay.dev","hashnode":"https://hashnode.com/@Unclebigbay","youtube":"https://www.youtube.com/@unclebigbay","dailydev":"https://app.daily.dev/unclebigbay","linkedin":"https://www.linkedin.com/in/unclebigbay","mastodon":"https://techhub.social/@unclebigbay","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"unclebigbay.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":"www.unclebigbay.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"61ac6b32a375fb2266f3dd4c","name":"Tutorials","coverImage":"","slug":"tutorials","description":null,"cuid":"ckwsxgxlb08yhsms12o8n32hi","author":{"id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","username":"unclebigbay","__typename":"User"},"posts":{"edges":[{"node":{"id":"62c6d18c353b847f29e88b88","title":"How To Get Tomorrow's Date In JavaScript ⏰","slug":"how-to-get-tomorrows-date-in-javascript","publishDate":"2022-07-07T12:29:00.235Z","cuid":"cl5b09quz00x1cunv14wxdihh","url":"https://unclebigbay.com/how-to-get-tomorrows-date-in-javascript","subtitle":"","brief":"No one knows what tomorrow holds, but we can figure out what tomorrow's date will be in JavaScript. This article will show you how to programmatically get the date of the next day (tomorrow) or the date of any X days with JavaScript.\nDemo 📺\n\nCodepen...","readTimeInMinutes":4,"views":3989,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2271,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/unsplash/FfbVFLAVscw/upload/v1657196444214/VO1jvVZgz.jpeg","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJjNmQxOGMzNTNiODQ3ZjI5ZTg4Yjg4XzIwMjItMDctMDdUMTI6Mjk6MDAuMjM1Wg==","__typename":"PostEdge"},{"node":{"id":"62c544c16fd02568d1d283d1","title":"How To Create An Hover Underline Animation In CSS","slug":"how-to-create-an-hover-underline-animation-in-css","publishDate":"2022-07-06T08:16:01.029Z","cuid":"cl59bsju500ioxynvfkjx4ly6","url":"https://unclebigbay.com/how-to-create-an-hover-underline-animation-in-css","subtitle":"","brief":"The little things matter sometimes. You never know how satisfied your website visitors or clients maybe with the minor adjustments you make, like adding a Hover Underline Animation to your website.\nIn this tutorial, you'll learn how to improve your w...","readTimeInMinutes":4,"views":19927,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2271,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1657093935476/NlaCie4S6.gif","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJjNTQ0YzE2ZmQwMjU2OGQxZDI4M2QxXzIwMjItMDctMDZUMDg6MTY6MDEuMDI5Wg==","__typename":"PostEdge"},{"node":{"id":"62c29a04ccecfb25bbc77a4d","title":"How To Create A Donut Spinner With HTML and CSS","slug":"how-to-create-a-donut-spinner-with-html-and-css","publishDate":"2022-07-04T07:43:00.994Z","cuid":"cl56fqeqz0c11ownvf6sd93rb","url":"https://unclebigbay.com/how-to-create-a-donut-spinner-with-html-and-css","subtitle":"","brief":"A donut spinner is one of the popular loading components that is used on a website. It's useful to indicate to the user that the page is still loading or that data is currently being fetched.\nIn this tutorial, we'll take a look at how to build a cust...","readTimeInMinutes":4,"views":2009,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2271,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1657094597157/Z0glH6OEM.gif","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJjMjlhMDRjY2VjZmIyNWJiYzc3YTRkXzIwMjItMDctMDRUMDc6NDM6MDAuOTk0Wg==","__typename":"PostEdge"},{"node":{"id":"62b5a957b86f939ac81b2f95","title":"How to Embed YouTube Videos into your Web Projects","slug":"how-to-embed-youtube-videos-into-your-web-projects","publishDate":"2022-06-24T06:36:16.000Z","cuid":"cl4setuea07mg8unvemif3dha","url":"https://unclebigbay.com/how-to-embed-youtube-videos-into-your-web-projects","subtitle":"Learn how to add any YouTube videos to your website...","brief":"Hello buddy 👋,\nHave you ever wondered how youtube videos are been embedded into a webpage? Worry no more! This article contains two different methods with a step-by-step guide on how to embed any Youtube video into your webpage using HTML and CSS on...","readTimeInMinutes":4,"views":2837,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2271,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656072438064/Nqw71BlDx.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJiNWE5NTdiODZmOTM5YWM4MWIyZjk1XzIwMjItMDYtMjRUMDY6MzY6MTYuMDAwWg==","__typename":"PostEdge"},{"node":{"id":"621c9a3bc07e2ceec785e63b","title":"How to Add Horizontal Lines Before and After a Text in HTML","slug":"how-to-add-horizontal-lines-before-and-after-a-text-in-html","publishDate":"2022-02-28T09:47:39.272Z","cuid":"cl06ipd0n00r4atnv47g52p72","url":"https://unclebigbay.com/how-to-add-horizontal-lines-before-and-after-a-text-in-html","subtitle":"","brief":"This article will guide you on how to add a horizontal line to the right and left side of a text as shown below:\n\nif(busy){ \nJump to complete code!\n} else {\n1. Create an HTML text tag.\nIn your HTML file create an h2 tag and give it a class name of hr...","readTimeInMinutes":3,"views":30887,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2271,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646051885983/BEau_W_8N.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjIxYzlhM2JjMDdlMmNlZWM3ODVlNjNiXzIwMjItMDItMjhUMDk6NDc6MzkuMjcyWg==","__typename":"PostEdge"},{"node":{"id":"61fe1d9bfd8b083e5728bf84","title":"How to build a Flash Title Notification with JavaScript","slug":"how-to-build-a-flash-title-notification-with-javascript","publishDate":"2021-12-12T06:36:33.000Z","cuid":"ckz9h5mlw0oqhbbs17p683jad","url":"https://unclebigbay.com/how-to-build-a-flash-title-notification-with-javascript","subtitle":"Facebook uses it, you should too!!!","brief":"The user's attention is important. How do you call the attention of a user who is on another tab to your website?\nIn this article, you will learn how to implement a flash title using a LinkedIn sample that looks like this 👇\n\nWhen a user is on anothe...","readTimeInMinutes":4,"views":2271,"author":{"id":"5f4d36745cde85738158c193","username":"unclebigbay","name":"Ayodele Samuel Adebayo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","followersCount":2271,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1640175607614/h2fedZG8e.gif","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjFmZTFkOWJmZDhiMDgzZTU3MjhiZjg0XzIwMjEtMTItMTJUMDY6MzY6MzMuMDAwWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjFmZTFkOWJmZDhiMDgzZTU3MjhiZjg0XzIwMjEtMTItMTJUMDY6MzY6MzMuMDAwWg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}