{"publication":{"id":"60a7e8705379f65d10b5e404","hashnodeURL":"https://blog.kritikapattalam.com","url":"https://blog.kritikapattalam.com","canonicalURL":"https://blog.kritikapattalam.com","title":"Kritika's Blog","displayTitle":"Kritika Pattalam Bharathkumar | Web Developer - The official blog of Kritika Pattalam Bharathkumar","descriptionSEO":"Kritika Pattalam BharathKumar - Web developer. I write technical blogs about general programming, web development, CSS, JavaScript, React JS etc.","username":"kritika-pattalam","about":{"html":"

Front End Engineer | Writes about HTML, CSS, JavaScript and everything related to web development | Follow me on Twitter let's chat.

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":true,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"id":"60a7e73d20d1f45ceb7ecbdd","name":"Kritika Pattalam Bharathkumar","username":"kritika-pattalam","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630439054829/SinD0wiPN.png","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622751482075/JnmRLEZtm.jpeg","__typename":"User"},"preferences":{"logo":null,"darkMode":{"logo":null,"enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"610c6a00b79d6a113667e662","label":"HTML","url":"https://blog.kritikapattalam.com/series/html","priority":0,"type":"series","series":{"id":"610c680f528eff11aea86995","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"610c6a2e528eff11aea869b8","label":"JavaScript","url":"https://blog.kritikapattalam.com/series/javascript","priority":0,"type":"series","series":{"id":"60fdc1b918fbbb77c9468b9e","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"610c6a35528eff11aea869bd","label":"CSS","url":"https://blog.kritikapattalam.com/series/css","priority":0,"type":"series","series":{"id":"60fdc0d131552277811b0057","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"610c6a3c528eff11aea869c3","label":"Web Development","url":"https://blog.kritikapattalam.com/series/web-development","priority":0,"type":"series","series":{"id":"610c69a7b79d6a113667e64c","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"610c6a43528eff11aea869c8","label":"Sponsor","url":"https://blog.kritikapattalam.com/sponsor","priority":0,"type":"link","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"layout":"grid","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1626200126134/1dOJM9frJ.png","headerColor":"#FCDE53","metaTags":"\n\n\n\n\n\n\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"UA-198107540-1","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","__typename":"PublicationIntegrations"},"postsCount":22,"impressum":"","isTeam":false,"links":{"twitter":"https://twitter.com/KritikaPattalam","instagram":null,"github":"https://github.com/kritika-pattalam","website":"","hashnode":"","youtube":"","dailydev":"https://app.daily.dev/kpattalam","linkedin":"https://www.linkedin.com/in/kritika-p-296739155/","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"blog.kritikapattalam.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"610c680f528eff11aea86995","name":"HTML","coverImage":"","slug":"html","description":null,"cuid":"ckrzi1h8o04frhqs1dsd28btv","author":{"id":"60a7e73d20d1f45ceb7ecbdd","name":"Kritika Pattalam Bharathkumar","username":"kritika-pattalam","__typename":"User"},"posts":{"edges":[{"node":{"id":"61d5e5df9d96c307e0a29514","title":"HTML Roadmap","slug":"html-roadmap","publishDate":"2022-01-05T18:39:27.250Z","cuid":"cky1vx9aw079xk0s1hzs6dfxk","url":"https://blog.kritikapattalam.com/html-roadmap","subtitle":"Are you planning to start your coding journey?. Then this is for you - a roadmap to help you achieve your goals.","brief":"Here is a list of things one should learn while starting with HTML.\nNote: Though this does not cover all that HTML has to offer, but covers a list of things one should know to start with web development.\nHTML Roadmap\n1. HTML main level tags\n\nDoctype\n...","readTimeInMinutes":2,"views":3116,"author":{"id":"60a7e73d20d1f45ceb7ecbdd","username":"kritika-pattalam","name":"Kritika Pattalam Bharathkumar","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630439054829/SinD0wiPN.png","followersCount":111,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1641407406793/meNHNXBMI.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61d5e5df9d96c307e0a29514_2022-01-05T18:39:27.250Z","__typename":"PostEdge"},{"node":{"id":"616ee07241c1b75f924d9472","title":"Create a DOWNLOAD link in a single line of HTML","slug":"create-a-download-link-in-html","publishDate":"2021-10-19T15:12:50.503Z","cuid":"ckuy873xi081hvms1dvl13t6u","url":"https://blog.kritikapattalam.com/create-a-download-link-in-html","subtitle":"","brief":"As a website user, one would have come across links or buttons which say \"Click to download\" or \"Download\" on a website. Have you ever wondered how can you add one to your website?. Keep reading!!!. \nAs part of this blog let us see how one can crea...","readTimeInMinutes":2,"views":956,"author":{"id":"60a7e73d20d1f45ceb7ecbdd","username":"kritika-pattalam","name":"Kritika Pattalam Bharathkumar","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630439054829/SinD0wiPN.png","followersCount":111,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1634655997596/0boUCjpXQ.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"616ee07241c1b75f924d9472_2021-10-19T15:12:50.503Z","__typename":"PostEdge"},{"node":{"id":"610c65cfb79d6a113667e600","title":"How to add a favicon to a website in a single line of HTML?","slug":"how-to-add-a-favicon-to-a-website-in-a-single-line-of-html","publishDate":"2021-08-05T22:27:27.454Z","cuid":"ckrzhp51204gdees18n3va44n","url":"https://blog.kritikapattalam.com/how-to-add-a-favicon-to-a-website-in-a-single-line-of-html","subtitle":"This blog explains how to add a favicon to a webpage and its uses.","brief":"Each of us would log in to websites or view multiple sites every day in our life. And most of us are guilty of having more than one tab open in a browser eg: Facebook, Amazon, Google, Gmail, etc, and even with so many tabs open, we are still able to ...","readTimeInMinutes":3,"views":623,"author":{"id":"60a7e73d20d1f45ceb7ecbdd","username":"kritika-pattalam","name":"Kritika Pattalam Bharathkumar","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630439054829/SinD0wiPN.png","followersCount":111,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1628128721612/lAvNBeLBL.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"610c65cfb79d6a113667e600_2021-08-05T22:27:27.454Z","__typename":"PostEdge"},{"node":{"id":"60e911bf6d962b01bdecb6a2","title":"Disable Zoom on pinch in mobile using HTML tag.","slug":"disable-zoom-on-pinch-in-mobile-using-html-tag","publishDate":"2021-07-10T03:19:27.264Z","cuid":"ckqx78nf008rncds195t8an02","url":"https://blog.kritikapattalam.com/disable-zoom-on-pinch-in-mobile-using-html-tag","subtitle":"","brief":"As a user when you open a site in mobile, we tend to pinch and zoom the page to see things more clearly. Have you ever wondered if that feature can be disabled?.\nYes, it can be disabled. What's more interesting is that it can be done by just a single...","readTimeInMinutes":2,"views":729,"author":{"id":"60a7e73d20d1f45ceb7ecbdd","username":"kritika-pattalam","name":"Kritika Pattalam Bharathkumar","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630439054829/SinD0wiPN.png","followersCount":111,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625691735172/mcd463bLG.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60e911bf6d962b01bdecb6a2_2021-07-10T03:19:27.264Z","__typename":"PostEdge"},{"node":{"id":"60e082b74f8e376422a77b6e","title":"How to add \"SKIP TO MAIN CONTENT\" to websites","slug":"how-to-add-skip-to-main-content-to-websites","publishDate":"2021-07-03T15:31:03.624Z","cuid":"ckqnxajes0irls2s19yp10ygv","url":"https://blog.kritikapattalam.com/how-to-add-skip-to-main-content-to-websites","subtitle":"Why and how to add \"skip to main content\" to a page for web accessibility","brief":"As part of this blog post let's see what is web accessibility, and how to add \"skip to main content\" link for web pages and why?.\nAccessibility\nAs per w3.org\n\nWeb accessibility means that websites, tools, and technologies are designed and developed s...","readTimeInMinutes":2,"views":1027,"author":{"id":"60a7e73d20d1f45ceb7ecbdd","username":"kritika-pattalam","name":"Kritika Pattalam Bharathkumar","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630439054829/SinD0wiPN.png","followersCount":111,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1625318916245/CAyJyYcCl.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60e082b74f8e376422a77b6e_2021-07-03T15:31:03.624Z","__typename":"PostEdge"},{"node":{"id":"60d11efef668475d88fec427","title":"4 Less used HTML tags and their uses","slug":"4-less-used-html-tags-and-their-uses","publishDate":"2021-06-21T23:21:34.712Z","cuid":"ckq78tenq05buh4s12pf1cle5","url":"https://blog.kritikapattalam.com/4-less-used-html-tags-and-their-uses","subtitle":"List of four rarely used HTML tags and how they can be used for web development","brief":"As part of this blog we are going to see 4 less used HTML tags during web development\n1) Refresh the browser or redirect the page\nDid you know that you can refresh the browser automatically every few seconds with just a single line of code?.\nYes, thi...","readTimeInMinutes":3,"views":1011,"author":{"id":"60a7e73d20d1f45ceb7ecbdd","username":"kritika-pattalam","name":"Kritika Pattalam Bharathkumar","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630439054829/SinD0wiPN.png","followersCount":111,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1624315750483/j_fL0H0aQ.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"60d11efef668475d88fec427_2021-06-21T23:21:34.712Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"60d11efef668475d88fec427_2021-06-21T23:21:34.712Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"61d5e5df9d96c307e0a29514_2022-01-05T18:39:27.250Z","__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}

Containerization