Html/css tips

As web applications become more complex, the desire to store user-specific information across different web pages increase. Users tend to interact with many different functionalities of a website. Their previous actions often dictate what they should see next. In other words, the user expects a … [Read more...] about Is Local Storage Persistent?

When creating an interactive experience for a user there are many different factors relating to the user’s browsers viewport that should be considered. How a user views the application will naturally dictate the quality of experience that he/she has. Situations commonly arise where … [Read more...] about How to Hide The Address Bar in a Progressive Web Application

As the capabilities of the browsers increase, local storage has remained a solid feature for storing non-pertinent information. Data that doesn’t need to be stored on a server tends to be saved into local storage. With multiple pieces of data, there are plenty of uses cases that require iterating … [Read more...] about How to Loop Through LocalStorage in JavaScript

If you have ever experienced the following error message using getElementById: Uncaught TypeError document.getElementbyid is not a function You will be glad to know that the fix is trivial. Pay attention to any lowercase letters in the method name. JavaScript is case-sensitive so … [Read more...] about How to fix: Uncaught TypeError document.getElementbyId is not a function

When it comes to replacing characters inside strings, there is a wide range of methods that can do this job. However, sometimes we want to specifically remove certain characters from the string. So, how can we remove brackets from a string in JavaScript? Brackets can be removed from a string in … [Read more...] about How to remove brackets from string in JavaScript

When dealing with persisting data in a React application, we sometimes want to completely remove all cookie information from the browser. This helps to clear any data that might interfere with some functionality in the UI. So, how can you remove all cookies in React.js? Cookies can be removed in … [Read more...] about How to Remove all Cookies in React.js?

When dealing with data in a JSON format, there are situations where you want to loop through every possible property. Typically, this is when you have a JSON object containing various information from an endpoint. Let’s say you have an object like so: We first want to parse the JSON to make … [Read more...] about How to loop through JSON in JavaScript

When dealing with UI elements in React.js sometimes we find ourselves conditionally rendering some JSX elements based on the size of the viewports window. In these situations, it’s important to have the exact dimensions of the window. So, how do you get the width of the window in … [Read more...] about How to get the width of the window in React.js