Skip to main content

Posts

Showing posts with the label Web Development

The Extension Should You Use If You are using Tailwind CSS?

    If you are a web developer who is using Tailwind CSS for designing web pages then I strongly recommend using the Tailwind CSS IntelliSense Extension in Visual Studio (VS Code).     Tailwind CSS Intellisense is a great tool for developers who are developing in Tailwind CSS. As, while applying tailwind utility classes we often forget the classes but this extension gives you suggestions, autocomplete features. Sometimes, we apply some classes but that is not included in tailwind CSS. but by using this extension you will get suggestions so, next time you will never put a class that is not included in tailwind CSS.

How to check if the user is connected to the internet or not?

 The following code can be used to check whether the user is connected to the internet or not? Method 1: if  (navigator . onLine)  {   console . log ( " Online " ) ; }   else   {   console . log ( " OffLine " ) ; } Method 2: window . addEventListener ( " offline " ,   ()   =>   {   console . log ( " Offline " ) ; } ) ; window . addEventListener ( " online " ,   ()   =>   {   console . log ( " Online " ) ; } ) ; So, Next time when you want to check whether the user is connected to the internet or not then use these methods. Thank you, Learn every day something new.

Should You learn Bootstrap in 2022?

Should you learn Bootstrap in 2022? or Should you learn Bootstrap for your Resume Projects or Serious Projects? Personally, I really love to use Bootstrap and I used it very often. But there are too many down points in Bootstrap if you are using Bootstrap as it is or as a CSS framework. Then you will see all Bootstrap powered websites look the same. If you had built any website using Bootstrap then you know what I have to say? Like navbar, accordions and other components which have copypasted look same in all Bootstrap powered websites. If you used Bootstrap for your project then you may lose your professionalism as people will think that this website is built using a template. Is there any problem with this? Absolutely not, because if you want to build a quick prototype and you don't care about design then it is totally fine to use Bootstrap. But if you use Bootstrap then your site will not look professional design-wise  in 2022. So, if you are serious to build a good project, the...

Landing Page of a NGO Website using HTML and CSS | Non-responsive Web Design | Static Webpage

Problem Statement:-  Landing Page of an NGO Website using HTML and CSS | Non-responsive Web Design | Static Webpage. Image of Final Version of the website:- Sources of Images and logo used in Website Design: logo.png bg2.jpg HTML and CSS code:- Note:- Scroll horizontally to see the full line of code. <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Welcome to NGO </ title >      < link   rel = "preconnect"   href = "https://fonts.gstatic.com" >      < link   href = "https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" ...