Franklin Ohaegbulam Blog

{"tag":{"id":"56744721958ef13879b94b91","name":"CSS","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513316949083/By6UMkbfG.png","slug":"css","tagline":"A style sheet language used for describing the presentation of a document written in a markup language.","__typename":"Tag"},"publication":{"id":"5fb124cf03f7294d0e3a83d5","hashnodeURL":"https://frankiefab.hashnode.dev","url":"https://frankiefab.hashnode.dev","canonicalURL":"https://frankiefab.hashnode.dev","title":"Franklin Ohaegbulam","displayTitle":"Frankiefab's Insights","descriptionSEO":"A tech blog by Franklin Ohaegbulam that features how-to guides, tips, resources, and tutorials on frontend development, visual & UI/UX design, web3, and blockchain technology.","username":"frankiefab","about":{"html":"

Frontend/UI Engineer | Visual Designer | Developer Advocate

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662642227576/Q_4cN54ER.png","__typename":"OpenGraphMetaData"},"author":{"id":"5fb1245f03f7294d0e3a83cc","name":"Franklin Ohaegbulam","username":"frankiefab100","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672931437705/w1LCze6K6.jpg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1605445083518/NkE6XuVce.jpeg","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661875873684/Areokpngt.png","darkMode":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661875887873/YFslNxiYO.png","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"63bf501c98bf52f9c9082396","label":"Tutorials","url":"https://frankiefab.hashnode.dev/series/tutorials","priority":5,"type":"series","series":{"id":"631e4cf0f73f4734bc058bf9","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf4f9d98bf52f9c9082365","label":"Web3","url":"https://frankiefab.hashnode.dev/series/blockchain","priority":3,"type":"series","series":{"id":"631e4db03e8d6f3497ad7940","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf4e10a54681f9eea7550f","label":"Open Source","url":"https://frankiefab.hashnode.dev/series/open-source","priority":2,"type":"series","series":{"id":"63bd854155c009e411585b63","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf520898bf52f9c9082407","label":"Resources/Tips","url":"https://frankiefab.hashnode.dev/series/resources","priority":2,"type":"series","series":{"id":"631e4e96f73f4734bc058c5f","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63bf4ff098bf52f9c908238e","label":"About","url":"https://frankiefab.hashnode.dev/about","priority":1,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"63bf4fe5a54681f9eea75562","label":"Calendly","url":"https://calendly.com/frankiefab","priority":0,"type":"link","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"layout":"stacked","__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661875899341/iLjH5rbqW.png","headerColor":"#227aba","metaTags":"\n \n Franklin Ohaegbulam Blog\n \n\n\n\n\n \n \n \n \n \n\n \n \n \n \n \n \n\n \n ","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","__typename":"PublicationIntegrations"},"postsCount":23,"impressum":"

Web3 Socials Linktree | \nWant to support? Buy Me A Coffee | Donate MATIC

\n","isTeam":null,"links":{"twitter":"https://twitter.com/frankiefab100","instagram":"https://www.instagram.com/frankiefab100","github":"https://github.com/frankiefab100","website":"https://www.frankiefab.com","hashnode":"https://hashnode.com/@frankiefab100","youtube":"","dailydev":"https://app.daily.dev/frankiefab100","linkedin":"https://linkedin.com/in/frankiefab100","mastodon":"","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"","certIssued":false,"ready":false,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"posts":{"edges":[{"node":{"id":"63bfe152a54681f9eea766ac","title":"How to Build a Tip Calculator With HTML, CSS and JavaScript","slug":"how-to-build-a-tip-calculator-with-html-css-and-javascript","publishDate":"2023-01-12T10:30:42.117Z","cuid":"clcsy9lv106ilugnvc31sad5f","url":"https://frankiefab.hashnode.dev/how-to-build-a-tip-calculator-with-html-css-and-javascript","subtitle":"Build a simple tip calculator using HTML, CSS and vanilla Javascript","brief":"A tip calculator is a tool used to calculate the tip for a meal, bar tab, or service gratuity in a restaurant. It also allows one to calculate the tip amount split between a given number of people once the bill and the tip percentage are entered.\nIn ...","readTimeInMinutes":6,"views":161,"author":{"id":"5fb1245f03f7294d0e3a83cc","username":"frankiefab100","name":"Franklin Ohaegbulam","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672931437705/w1LCze6K6.jpg","followersCount":54,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673498174615/a9ff29fc-a3b2-400e-b159-8f1200085c44.jpeg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63bfe152a54681f9eea766ac_2023-01-12T10:30:42.117Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"63bfe152a54681f9eea766ac_2023-01-12T10:30:42.117Z","hasNextPage":false,"hasPreviousPage":false,"startCursor":"63bfe152a54681f9eea766ac_2023-01-12T10:30:42.117Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Publication"}}

ibrar 💭