How to scan a document directly into your HTML5, RAILS web app?

I was developing a small program for a client to help them manage their client membership data. They wanted a solution that can manage member data all in one place and send promotional communication, like SMSs and Emails.

One of the requirement to make their “onboarding workflow” easier, was to be able to scan documents using a scanner, directly from the web app.

Check out my new work – yesokservices.com

Yes OK Services, is a new service provider based out of Thiruvananthapuram, Kerala, India.

They offer :

• Construction services
• Mechanical Electrical and Plumbing services
• Housemaid services
• Chauffeur services
• Security services
• Home nurse services

They are quickly expanding their portfolio and offer opportunity for professionals who lost their jobs during the COVID-19 lockdown.

Visit them at http://yesokservices.com

Geolocation error in Firefox

EDIT: In latest version of Firefox, the config entry name that needs to be updated is “geo.provider.network.url” and not “geo.wifi.uri”. I have updated the post below to reflect the same.

I have been facing an issue recently where HTML5 Geolocation is not working for any sites. I am using Firefox 73.0.1 and have the same issue in older versions of Firefox also.

I did some digging around, trying to figure out why this is happening and I stumbled upon a bug report, which states that the way Firefox figures out the geolocation of the user is by using a Google API and that recently there has been some changes in the way that API works. This is causing all requests to this API to return an error.

The following helped me resolve the issue. Though geolocation is now working, its not returning Exact location.

Still, its better than nothing.

1. Open a new tab in Firefox.
2. Visit the URL “about:config” (without the quotes of course)
3. Search for config entries starting with “geo”
4. Look for an entry with name “geo.provider.network.url”
5. The setting has the value that looks like “https://www.googleapis.com/geolocation/v1/geolocate?key=%GOOGLE_LOCATION_SERVICE_API_KEY%”
6. Copy this out and save it safely somewhere.
7. Then change the entry into “https://location.services.mozilla.com/v1/geolocate?key=%MOZILLA_API_KEY%”
8. Press enter and save the setting.
9. Reboot Firefox and try again.

Simple HTML5 CSS3 drop and ripple animation

I am doing a project for a customer and this involves creating an animation of a droplet falling and creating a ripple effect. I thought I will detail the journey of creating the animation here with sample codes.