{"publication":{"id":"606794287f07b6328b5ddc32","hashnodeURL":"https://blog.timonwa.com","url":"https://blog.timonwa.com","canonicalURL":"https://blog.timonwa.com","title":"Timonwa's Notes","displayTitle":"Timonwa's Notes | Web Development","descriptionSEO":"Timonwa writes technical articles on frontend development that help other developers have an easier learning journey. This includes beginner-friendly tutorials, experiences, opinions and more.","username":"timonwa","author":{"id":"606793e943f7713266914813","name":"Timonwa Akintokun","username":"Timonwa","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1658667257682/VD8vZdD5N.jpg","coverPhoto":"","__typename":"User","followersCount":69},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666978989889/4OtfRZApS.png","darkMode":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666978992799/5WY-Mkz0x.png","enabled":false,"__typename":"DarkModePreferences"},"customCSS":{"enabled":true,"staticMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-featured-area,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{background:#434141 !important;color:#fefff0 !important}.css-12n6jp input{border-left-color:#ffdfba !important}.blog-article-card-cover{border-color:#ddd !important}.dark .blog-article-card-cover{border-color:#fefff0 !important}.dark .blog-article-card-brief,.dark .blog-article-card-author-strip,.dark .blog-article-card-author-name,.dark .blog-article-card-article-meta p a{color:#fefff0 !important;opacity:.9 !important}.blog-author-container,{background:#ffdfba !important;color:#434141 !important}.dark .blog-author-container{background:#262323 !important;color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w{color:#434141 !important}.dark .css-1vyhe0m .css-1fspc5w{color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(255,223,186,0.2) !important}.dark .css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(254,255,240,0.2) !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#fefff0 !important}.dark .blog-impressum{border-color:#ffefff0 !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#fefff0 !important}.dark .css-1jvy7lu{border-color:#fefff0 !important}","homeMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-featured-area,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{background:#434141 !important;color:#fefff0 !important}.css-12n6jp input{border-left-color:#ffdfba !important}.blog-article-card-cover{border-color:#ddd !important}.dark .blog-article-card-cover{border-color:#fefff0 !important}.dark .blog-article-card-brief,.dark .blog-article-card-author-strip,.dark .blog-article-card-author-name,.dark .blog-article-card-article-meta p a{color:#fefff0 !important;opacity:.9 !important}.blog-author-container,{background:#ffdfba !important;color:#434141 !important}.dark .blog-author-container{background:#262323 !important;color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w{color:#434141 !important}.dark .css-1vyhe0m .css-1fspc5w{color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(255,223,186,0.2) !important}.dark .css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(254,255,240,0.2) !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#babfff !important}.dark .blog-impressum{border-color:#babfff !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#babfff !important}.dark .css-1jvy7lu{border-color:#babfff !important;","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"623069b538e0a0d99d331287","label":"About Me","url":"https://blog.timonwa.com/about","priority":5,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"624c49834b4dde0dc0becd92","label":"Useful Links","url":"https://link.timonwa.com","priority":1,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"623069ca38e0a0d99d331297","label":"Poetry","url":"https://diary.timonwa.com","priority":0,"type":"link","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"__typename":"Preferences","layout":"magazine","customCSSDraft":{"homeMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-featured-area,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{background:#434141 !important;color:#fefff0 !important}.css-12n6jp input{border-left-color:#ffdfba !important}.blog-article-card-cover{border-color:#ddd !important}.dark .blog-article-card-cover{border-color:#fefff0 !important}.dark .blog-article-card-brief,.dark .blog-article-card-author-strip,.dark .blog-article-card-author-name,.dark .blog-article-card-article-meta p a{color:#fefff0 !important;opacity:.9 !important}.blog-author-container,{background:#ffdfba !important;color:#434141 !important}.dark .blog-author-container{background:#262323 !important;color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w{color:#434141 !important}.dark .css-1vyhe0m .css-1fspc5w{color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(255,223,186,0.2) !important}.dark .css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(254,255,240,0.2) !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#babfff !important}.dark .blog-impressum{border-color:#babfff !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#babfff !important}.dark .css-1jvy7lu{border-color:#babfff !important;","__typename":"CustomCSSPreferences"}},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1639824979547/D3MUX3zyp.png","headerColor":"#ffdfba","metaTags":"","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"UA-241548294-1","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/kA6UWnfXwYNL","__typename":"PublicationIntegrations"},"postsCount":16,"impressum":"

This blog is featured on Tech Blogs

Tech Roadmap provides you with guides, articles, and useful resources to help you choose a career path, start your journey, and grow in tech.

Learn about Crypto in the simplest of terms with Breach.

\nConnect with me on\n

GitHub | Twitter | LinkedIn | Instagram.

\n","isTeam":null,"links":{"twitter":"https://twitter.com/timonwa_","instagram":"https://instagram.com/timonwa_codes","github":"https://github.com/timonwa","website":"https://link.timonwa.com","hashnode":"https://hashnode.com/@Timonwa","youtube":"","dailydev":"https://app.daily.dev/timonwa","linkedin":"https://linkedin.com/in/timonwa","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"blog.timonwa.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"about":{"markdown":"I'm a front-end developer who loves sharing her web development knowledge through her notes.","html":"

I'm a front-end developer who loves sharing her web development knowledge through her notes.

\n","__typename":"AboutPublication"},"followersCount":0,"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1664792074737/0bctAMciP.png","__typename":"OpenGraphMetaData"},"pinnedPost":{"id":"635a19969a58113fd6cf8bde","title":"Deep dive into the CSS :where() function","slug":"deep-dive-into-the-css-where-function","publishDate":"2022-10-27T05:39:34.201Z","cuid":"cl9qmym61000j09lb80tjhdgn","url":"https://blog.timonwa.com/deep-dive-into-the-css-where-function","subtitle":"","brief":"The CSS :where() function, is the lastest kid on the pseudo-class block. It takes in a list of selectors as arguments and minifies them, allowing you to write less code and at the same time style them all together.\nIn this tutorial, we’ll introduce t...","readTimeInMinutes":9,"views":248,"author":{"id":"606793e943f7713266914813","username":"Timonwa","name":"Timonwa Akintokun","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1658667257682/VD8vZdD5N.jpg","followersCount":69,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1664797212386/oXopccXt9.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"__typename":"Publication"}}

tech

Technological Singularity Explained