Contact Me

Comments

Post a Comment

Popular posts from this blog

What are some simple tricks to develop a good UI?

Image
When it comes to front-end development, most of us try to iterate through a bunch of random things desperately trying to make things work. But in my experience, trying to save that little time by not going to the root of the problem usually tends to waste much more time and patience in the long run. Sometimes the bug will get fixed by one of those random things you did. But you won't have any clue how and why that issue was actually resolved. And since the issue is resolved, most of us don't dig deeper to find out why it was resolved. In short, it's not a great thing if your UI works but you yourself don't know why it works. Furthermore, even if the bug is fixed, there is a good chance that the code becomes highly complicated unnecessarily. Doing this over time will very soon make the code very difficult to manage (especially if you are working on a slightly bigger project). So what's the solution? For developing a good UI, I believe it's better to follow a syst...
Read more

What are Bootstrap breakpoints?

Image
  As I mentioned in the previous post  What is a Responsive Web page?  , breakpoints play a very important role in making a webpage responsive. So, let's now try to understand breakpoints and see them in action. X-Small: Portrait phones (less than 576 px) Small: Landscape phones (576 px and up) Medium: Tablets (768 px and up) Large: Desktops (992 px and up) Extra Large: Large Desktops (1200 px and up) Extra Extra Large: Larger Desktops (1400 px and up) By default, these are the categories into which all screen sizes are classified. Bootstrap provides different classes for these categories- sm , md , lg , xl , and xxl . These are called responsive classes. Let's say we use lg with some other Bootstrap class "A" what it would mean is that particular class "A" will get applied for all the screen sizes >= 992px. Also, suppose we want to apply the "A" class for the 'Large' category but a different class "B" for the 'Extra Large...
Read more

What is a Responsive Web page?

Image
To put it simply- a responsive web page is a page that responds differently to different screen sizes such as desktops, laptops, tablets, mobile phones, etc. If you have created a web page on let's say your laptop and haven't focused on making it responsive, there is a high chance when you open the same webpage on your mobile phone it is going to look really bad. The reason for this is simple- the HTML elements that make up your webpage will no longer get enough space to render on a smaller screen size (a mobile phone) as they were getting earlier. Before we move on to how to do it, let's look at some advantages of it- The first one is obvious, a responsive web page will be easily readable by a larger group of users as they can be accessing your website on any kind of device. The second one is a little bit more interesting and has something to do with SEO (Search Engine Optimization). When we do a Google search for something, Google (or any search engine) runs an algorithm ...
Read more