{"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"},"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","customCSSDraft":{"enabled":null,"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"},"layout":"magazine"},"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"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1664792074737/0bctAMciP.png","__typename":"OpenGraphMetaData"},"series":{"id":"61e86d576f4d6f431978ede6","name":"The CSS Journey","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1644764228634/HDkK-DXKM.png","slug":"the-css-journey","description":"Come and take this learning journey with me. We will learn anything and everything there is to know about CSS. 😊\n","cuid":"ckylywj910evq95s1az25cyhx","author":{"id":"606793e943f7713266914813","name":"Timonwa Akintokun","username":"Timonwa","__typename":"User"},"posts":{"edges":[{"node":{"id":"618a2ff8468c06249afc433e","url":"https://blog.timonwa.com/using-css-variables-like-a-pro","slug":"using-css-variables-like-a-pro","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636445839600/AH5mJAlq-.png","__typename":"PostCoverImage"},"title":"Using CSS Variables like a Pro.","readTimeInMinutes":10,"views":1903,"publishDate":"2021-11-09T08:23:20.802Z","author":{"id":"606793e943f7713266914813","name":"Timonwa Akintokun","username":"Timonwa","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1658667257682/VD8vZdD5N.jpg","__typename":"User"},"__typename":"Post"},"cursor":"618a2ff8468c06249afc433e_2021-11-09T08:23:20.802Z","__typename":"PostEdge"},{"node":{"id":"619e068d63587e7e6c9de802","url":"https://blog.timonwa.com/all-vs-root-vs-html-vs-body-selectors","slug":"all-vs-root-vs-html-vs-body-selectors","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642664050491/lxrcIKbjY.png","__typename":"PostCoverImage"},"title":"all vs root vs html vs body selectors","readTimeInMinutes":7,"views":2972,"publishDate":"2021-11-24T09:31:57.717Z","author":{"id":"606793e943f7713266914813","name":"Timonwa Akintokun","username":"Timonwa","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1658667257682/VD8vZdD5N.jpg","__typename":"User"},"__typename":"Post"},"cursor":"619e068d63587e7e6c9de802_2021-11-24T09:31:57.717Z","__typename":"PostEdge"},{"node":{"id":"635a19969a58113fd6cf8bde","url":"https://blog.timonwa.com/deep-dive-into-the-css-where-function","slug":"deep-dive-into-the-css-where-function","coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1664797212386/oXopccXt9.png","__typename":"PostCoverImage"},"title":"Deep dive into the CSS :where() function","readTimeInMinutes":9,"views":248,"publishDate":"2022-10-27T05:39:34.201Z","author":{"id":"606793e943f7713266914813","name":"Timonwa Akintokun","username":"Timonwa","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1658667257682/VD8vZdD5N.jpg","__typename":"User"},"__typename":"Post"},"cursor":"635a19969a58113fd6cf8bde_2022-10-27T05:39:34.201Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"635a19969a58113fd6cf8bde_2022-10-27T05:39:34.201Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"618a2ff8468c06249afc433e_2021-11-09T08:23:20.802Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Series"},"__typename":"Publication"}}

Wails

Embedding a PDF viewer in a Wails application