{"_id":"61791b2f6584fe6ae598418a","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false,"payments":false,"rssIntegration":false},"views":{"today":26,"thisWeek":168,"lastWeek":225,"thisMonth":676,"allTime":30908},"stripe":{"connected":false},"numFollowers":0,"badgePageEnabled":true,"newsletterEnabled":true,"audioBlogEnabled":false,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1677542400":13,"1677628800":25,"1677715200":31,"1677801600":22,"1677888000":8,"1677974400":25,"1678060800":28,"1678147200":25,"1678233600":21,"1678320000":23,"1678406400":17,"1678492800":14,"1678579200":16,"1678665600":20,"1678752000":26,"1678838400":27,"1678924800":32,"1679011200":24,"1679097600":20,"1679184000":32,"1679270400":28,"1679356800":31,"1679443200":31,"1679529600":42,"1679616000":15,"1679702400":10,"1679788800":16,"1679875200":28,"1679961600":21},"viewCountVisible":true,"readTimeHidden":false,"customCSSEnabled":true,"domainChecklistSkipped":false,"author":{"_id":"61791b166584fe6ae5984186","socialMedia":{"twitter":"https://twitter.com/SiddharthShyn","instagram":"","github":"https://github.com/SiddharthShyniben/","stackoverflow":"https://stackoverflow.com/users/15511745/siddharth-shyniben","facebook":"","website":"https://siddu.tech","linkedin":"","youtube":""},"location":"Kannur, Kerala","isBanned":false,"isDeactivated":false,"numFollowers":56,"numFollowing":1,"storiesCreated":[],"totalUpvotesReceived":0,"tagManagerOf":[],"isEvangelist":false,"isAmbassador":true,"hasGoldRing":true,"name":"Siddharth Shyniben","username":"SiddharthShyniben","tagline":"Making wild out-on-a-limb schemes which can change the world if they work, but probably wont.","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1635327742035/ByZtiMlBX.jpeg","dateJoined":"2021-10-27T09:25:42.010Z","publicationDomain":"blog.siddu.tech","numPosts":17,"bio":"

I am a developer from Kerala. Hobbyist. Learning Web Dev because it's fun and I love building. Know HTML, CSS, JavaScript, Node, Deno, Sleek, Angular

\n","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648182184341/O5Uvtdioe.png","numReactions":705,"numSeries":3},"isActive":true,"username":"siddharthshyniben","domain":"blog.siddu.tech","urlPattern":"simple","title":"Siddharth's blog","links":{"twitter":"https://twitter.com/SiddharthShyn","github":"https://github.com/SiddharthShyniben/","website":"https://siddu.tech","hashnode":"https://hashnode.com/@SiddharthShyniben","youtube":"","dailydev":"https://app.daily.dev/SiddharthShyn","linkedin":""},"domainStatus":{"certIssued":true,"ready":true},"domainUpdatedOn":"2021-10-29T02:58:26.686Z","customRules":[],"menu":[{"priority":0,"_id":"617d09e475401e57d6a886b5","type":"link","label":"My site","url":"https://siddu.tech"}],"__v":0,"hasBadges":true,"darkModeEnabled":true,"darkModeLogo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636167360632/ra9eqrkzl.png","headerColor":"#2563eb","layout":"magazine","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636167355417/4NmciIFcF.png","favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1635427625884/_SCffh6rk.png","imprint":"","imprintMarkdown":"","meta":"Hey! I'm Siddharth, a hobbyist programmer and blogger. I built the sleek framework, and I love coding and blogging.","metaHTML":"

Hey! I'm Siddharth, a hobbyist programmer and blogger. I built the sleek framework, and I love coding and blogging.

\n","customCSSDraft":{"home":"/*.blog-subscription-form {*/\n/* background: linear-gradient(90deg, hsla(221, 83%, 53%, 1) 0%, hsla(197, 100%, 86%, 1) 49%, hsla(17, 77%, 51%, 1) 100%);*/\n/* background-size: 400% 400%;*/\n/* animation: gradient 25s ease infinite;*/\n/* padding: 1em;*/\n/* border-radius: 1em;*/\n/*}*/\n\n/*.blog-subscription-form-message {*/\n/* color: #18191A !important;*/\n/* font-size: 16px !important;*/\n/*}*/\n\n/*.blog-header {*/\n/* background: linear-gradient(90deg, hsla(221, 83%, 53%, 1) 0%, hsla(197, 100%, 86%, 1) 49%, hsla(17, 77%, 51%, 1) 100%);*/\n/* background-size: 400% 400%;*/\n/* animation: gradient 25s ease infinite;*/\n/*}*/\n\n/*.blog-post-card-wrapper {*/\n/* box-shadow: rgba(37, 99, 235, 0.4) 5px 5px, rgba(37, 99, 235, 0.3) 10px 10px, rgba(37, 99, 235, 0.2) 15px 15px, rgba(37, 99, 235, 0.1) 20px 20px, rgba(37, 99, 235, 0.05) 25px 25px;*/\n/* transition: box-shadow 1s;*/\n/*}*/\n\n/*.blog-post-card-wrapper:hover {*/\n/* box-shadow: rgba(37, 99, 235, 0.6) 7.5px 7.5px, rgba(37, 99, 235, 0.5) 15px 15px, rgba(37, 99, 235, 0.4) 22.5px 22.5px, rgba(37, 99, 235, 0.3) 30px 30px, rgba(37, 99, 235, 0.25) 37.5px 37.5px;*/\n/*}*/\n\n/*.blog-post-card-wrapper {*/\n/* padding: 1em;*/\n/* border: 1px solid grey;*/\n/* border-radius: 10px;*/\n/*}*/\n\n/*.blog-header {*/\n/* position: sticky !important;*/\n/* top: -134px;*/\n/*}*/\n\n/*@media screen and (max-width: 767px) {*/\n/* .blog-header {*/\n/* top: -198px;*/\n/* }*/\n/*}*/\n\n/*.blog-footer-area {*/\n/* background: linear-gradient(90deg, hsla(221, 83%, 53%, 1) 0%, hsla(197, 100%, 86%, 1) 49%, hsla(17, 77%, 51%, 1) 100%);*/\n/* background-size: 400% 400%;*/\n/* animation: gradient 25s ease infinite;*/\n/*}*/\n\n/*.blog-footer-area * {*/\n/* color: black !important;*/\n/*}*/\n\n/*@keyframes gradient {*/\n/*\t0% {*/\n/*\t\tbackground-position: 0% 50%;*/\n/*\t}*/\n/*\t50% {*/\n/*\t\tbackground-position: 100% 50%;*/\n/*\t}*/\n/*\t100% {*/\n/*\t\tbackground-position: 0% 50%;*/\n/*\t}*/\n/*}*/\n\n/*.blog-nav, .blog-nav-active, .blog-search-button, .blog-theme-switcher, .blog-settings, .blog-social-media-section {*/\n/* color: #18191A;*/\n/*}*/\n\n/*body, .blog-header, .blog-featured-area {*/\n/* background: #e0e0e0 !important;*/\n/*}*/\n\n/*.blog-featured-area>div>* {*/\n/* border-radius: 50px;*/\n/*background: #e0e0e0;*/\n/*box-shadow: -20px -20px 60px #bebebe,*/\n/* 20px 20px 60px #ffffff;*/\n/* padding: 1em;*/\n/*}*/\n\n/*.blog-featured-area>div>* img {*/\n/* border-top-left-radius: 50px;*/\n/* border-top-right-radius: 50px;*/\n/*}*/\n\n/*.blog-featured-area>div>* span {*/\n/* background: #e0e0e0 !important;*/\n/*}*/\n\n/*.blog-featured-area>div>*>a {*/\n/* border: 0;*/\n/*}*/\n\n.blog-header>div>div {\n justify-content: left;\n}\n\n.blog-header>.container>div {\n width: 50%;\n}\n\n.blog-header>.container {\n display: flex;\n}\n\n.blog-sub-header nav {\n display: none !important;\n}\n\n.blog-sub-header {\n width: 216px !important;\n height: 44px !important;\n margin: auto;\n}\n\n\n","post":".blog-header>div>div {\n justify-content: left;\n}\n\n.blog-header>.container>div {\n width: 50%;\n}\n\n.blog-header>.container {\n display: flex;\n}\n\n.blog-sub-header nav {\n display: none !important;\n}\n\n.blog-sub-header {\n width: 216px !important;\n height: 44px !important;\n margin: auto;\n}\n\n\n","static":".blog-header>div>div {\n justify-content: left;\n}\n\n.blog-header>.container>div {\n width: 50%;\n}\n\n.blog-header>.container {\n display: flex;\n}\n\n.blog-sub-header nav {\n display: none !important;\n}\n\n.blog-sub-header {\n width: 216px !important;\n height: 44px !important;\n margin: auto;\n}\n\n\n","homeMin":".blog-header>div>div{justify-content:left}.blog-header>.container>div{width:50%}.blog-header>.container{display:flex}.blog-sub-header nav{display:none !important}.blog-sub-header{width:216px !important;height:44px !important;margin:auto}","postMin":".blog-header>div>div{justify-content:left}.blog-header>.container>div{width:50%}.blog-header>.container{display:flex}.blog-sub-header nav{display:none !important}.blog-sub-header{width:216px !important;height:44px !important;margin:auto}","staticMin":".blog-header>div>div{justify-content:left}.blog-header>.container>div{width:50%}.blog-header>.container{display:flex}.blog-sub-header nav{display:none !important}.blog-sub-header{width:216px !important;height:44px !important;margin:auto}"},"customCSSPublished":{"home":"/*.blog-subscription-form {*/\n/* background: linear-gradient(90deg, hsla(221, 83%, 53%, 1) 0%, hsla(197, 100%, 86%, 1) 49%, hsla(17, 77%, 51%, 1) 100%);*/\n/* background-size: 400% 400%;*/\n/* animation: gradient 25s ease infinite;*/\n/* padding: 1em;*/\n/* border-radius: 1em;*/\n/*}*/\n\n/*.blog-subscription-form-message {*/\n/* color: #18191A !important;*/\n/* font-size: 16px !important;*/\n/*}*/\n\n/*.blog-header {*/\n/* background: linear-gradient(90deg, hsla(221, 83%, 53%, 1) 0%, hsla(197, 100%, 86%, 1) 49%, hsla(17, 77%, 51%, 1) 100%);*/\n/* background-size: 400% 400%;*/\n/* animation: gradient 25s ease infinite;*/\n/*}*/\n\n/*.blog-post-card-wrapper {*/\n/* box-shadow: rgba(37, 99, 235, 0.4) 5px 5px, rgba(37, 99, 235, 0.3) 10px 10px, rgba(37, 99, 235, 0.2) 15px 15px, rgba(37, 99, 235, 0.1) 20px 20px, rgba(37, 99, 235, 0.05) 25px 25px;*/\n/* transition: box-shadow 1s;*/\n/*}*/\n\n/*.blog-post-card-wrapper:hover {*/\n/* box-shadow: rgba(37, 99, 235, 0.6) 7.5px 7.5px, rgba(37, 99, 235, 0.5) 15px 15px, rgba(37, 99, 235, 0.4) 22.5px 22.5px, rgba(37, 99, 235, 0.3) 30px 30px, rgba(37, 99, 235, 0.25) 37.5px 37.5px;*/\n/*}*/\n\n/*.blog-post-card-wrapper {*/\n/* padding: 1em;*/\n/* border: 1px solid grey;*/\n/* border-radius: 10px;*/\n/*}*/\n\n/*.blog-header {*/\n/* position: sticky !important;*/\n/* top: -134px;*/\n/*}*/\n\n/*@media screen and (max-width: 767px) {*/\n/* .blog-header {*/\n/* top: -198px;*/\n/* }*/\n/*}*/\n\n/*.blog-footer-area {*/\n/* background: linear-gradient(90deg, hsla(221, 83%, 53%, 1) 0%, hsla(197, 100%, 86%, 1) 49%, hsla(17, 77%, 51%, 1) 100%);*/\n/* background-size: 400% 400%;*/\n/* animation: gradient 25s ease infinite;*/\n/*}*/\n\n/*.blog-footer-area * {*/\n/* color: black !important;*/\n/*}*/\n\n/*@keyframes gradient {*/\n/*\t0% {*/\n/*\t\tbackground-position: 0% 50%;*/\n/*\t}*/\n/*\t50% {*/\n/*\t\tbackground-position: 100% 50%;*/\n/*\t}*/\n/*\t100% {*/\n/*\t\tbackground-position: 0% 50%;*/\n/*\t}*/\n/*}*/\n\n/*.blog-nav, .blog-nav-active, .blog-search-button, .blog-theme-switcher, .blog-settings, .blog-social-media-section {*/\n/* color: #18191A;*/\n/*}*/\n\n/*body, .blog-header, .blog-featured-area {*/\n/* background: #e0e0e0 !important;*/\n/*}*/\n\n/*.blog-featured-area>div>* {*/\n/* border-radius: 50px;*/\n/*background: #e0e0e0;*/\n/*box-shadow: -20px -20px 60px #bebebe,*/\n/* 20px 20px 60px #ffffff;*/\n/* padding: 1em;*/\n/*}*/\n\n/*.blog-featured-area>div>* img {*/\n/* border-top-left-radius: 50px;*/\n/* border-top-right-radius: 50px;*/\n/*}*/\n\n/*.blog-featured-area>div>* span {*/\n/* background: #e0e0e0 !important;*/\n/*}*/\n\n/*.blog-featured-area>div>*>a {*/\n/* border: 0;*/\n/*}*/\n\n.blog-header>div>div {\n justify-content: left;\n}\n\n.blog-header>.container>div {\n width: 50%;\n}\n\n.blog-header>.container {\n display: flex;\n}\n\n.blog-sub-header nav {\n display: none !important;\n}\n\n.blog-sub-header {\n width: 216px !important;\n height: 44px !important;\n margin: auto;\n}\n\n\n","post":".blog-header>div>div {\n justify-content: left;\n}\n\n.blog-header>.container>div {\n width: 50%;\n}\n\n.blog-header>.container {\n display: flex;\n}\n\n.blog-sub-header nav {\n display: none !important;\n}\n\n.blog-sub-header {\n width: 216px !important;\n height: 44px !important;\n margin: auto;\n}\n\n\n","static":".blog-header>div>div {\n justify-content: left;\n}\n\n.blog-header>.container>div {\n width: 50%;\n}\n\n.blog-header>.container {\n display: flex;\n}\n\n.blog-sub-header nav {\n display: none !important;\n}\n\n.blog-sub-header {\n width: 216px !important;\n height: 44px !important;\n margin: auto;\n}\n\n\n","homeMin":".blog-header>div>div{justify-content:left}.blog-header>.container>div{width:50%}.blog-header>.container{display:flex}.blog-sub-header nav{display:none !important}.blog-sub-header{width:216px !important;height:44px !important;margin:auto}","postMin":".blog-header>div>div{justify-content:left}.blog-header>.container>div{width:50%}.blog-header>.container{display:flex}.blog-sub-header nav{display:none !important}.blog-sub-header{width:216px !important;height:44px !important;margin:auto}","staticMin":".blog-header>div>div{justify-content:left}.blog-header>.container>div{width:50%}.blog-header>.container{display:flex}.blog-sub-header nav{display:none !important}.blog-sub-header{width:216px !important;height:44px !important;margin:auto}"},"isEligibleFor2021EoyReview":true,"pageViews2021":8994,"umamiWebsiteUUID":"53bb9ff1-427a-43f0-9499-a6c7eab84891","umamiDataImported":true,"metaHTMLSanitized":"Hey! I'm Siddharth, a hobbyist programmer and blogger. I built the sleek framework, and I love coding and blogging.\n","numPosts":17}

Subscribe to my newsletter

Recent articles

.toLocaleString, one of the most underrated JavaScript features

New in Node.js v18

I made a Node.js colors library in 192 bytes minzipped (+ code explanation!)