In some cases, we need to get the height of the hidden element in HTML. But the default jquery functionalities getting heights are not working for the hidden element. That is, all of the following functionalities doesn’t work. height() outerHeight() innerHeight() To fix this issue, we can use the following library to get the height …
A/B testing
A/B testing is comparing two versions of a web page to see which one performs better. You compare two web pages by showing the two variants (let’s call them A and B) to similar visitors at the same time. The one that gives a better conversion rate, wins!
React virtualized libraries
https://github.com/bvaughn/react-virtualized React virtualized libraries are react components for efficiently rendering large lists and tabular data. Here is demo components https://bvaughn.github.io/react-virtualized/#/components/List It can be used efficiently in crypto exchange projects, which displays large amount of real-time trade history data
jquery.scrollbar
It is a Javascript library to display customized scrollbar on the browser.Instead of customizing the default scrollbar’s styling, it hides the default scrollbar and generate a new scrollbar using html elements.https://github.com/gromo/jquery.scrollbar
Implement download functionality in website by iframe
We can implement download functionality using iframe. If we place iframe in websites and set the url of download source in src attribute of iframe, the source is automatically downloaded to our local PC.
Vue Validation
When we are going to implement the validation module on the Vue.js web applications, we can use the following vuejs validation package https://monterail.github.io/vuelidate/ This is so cool vue validation library you can use easily.
A Complete Guide to Grid
CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that …
Mobile Browser Inspection
We can inspect mobile safari browser as we do on desktop browsers.When we connect mobile device to Mac PC, mobile safari browser appears in desktop safari browser.Then we can inspect mobile browser using our desktop browser – check css, attributes and set break point, etc.Note: This is only available for safari browser
Responsive Table Issue in BootStrap 4
When you use the css class table-responsive in bootstrap4, table will not be full width. This is bootstrap4 issue. To fix this, you need to use table-responsive class in the parent div tag https://stackoverflow.com/questions/41747667/bootstrap-4-responsive-tables-wont-take-up-100-width
React Telegram Login
A Telegram OAuth Sign-in / Log-in Component for React https://www.npmjs.com/package/react-telegram-loginThis is a library which can be used when we embed telegram on websites. Login widget will not work on localhost or local-ip-address. Use should create and register your bot domain with BotFather to get that work. You can create your custom domain. For example: yourdomain.local by add new record point …