Here is the story. I have been using Google Drive to host the javascript files and stylesheet files all the time. It works perfectly, until a few days ago when I noticed that if the web page contains javascript files hosted at Google Drive, it can not be viewed properly from the Facebook built in web browser. I did some further investigation. The same thing happened when the page is opened in Wechat built in browser. However, the page works fine when it is opened in most browsers, like IE, Chrome, Firefox. It took me several hours to figure why. And So far I have not find out the reason. I checked the mime type of the files. They are correctly recognized by Google Drive. But the solution is: moving the files out of Google Drive. Now it works perfectly, in browser and in App built in web browsers as well.
Google has an document about How to Building Smartphone-Optimized Websites . In this document, responsive web design is the first suggestion. I have been looking for a easy to implement responsive css framework that can change my websites layout so that they can fit to smart phone device for quite a little while. However, most of them requires more than a css file. After searching aroung, I found a good article that introducts 10 well adopted grid frameworks 10 Lightweight & Minimal Responsive Grid Frameworks Among them, the Simple Grid is very clean and simple. It does not work well on IE 7 or IE 8. Other than that, it works fine. The Proportional Grids is also a quite stable and simple one. For a website that involves user input, I would recommend Base Framework which is almost ready to use so that you do not have to worry about the user input formatting. It is very important to add following line to the he...
The official document to add google reCAPTCHA v2 to the asp.net website is here: https://developers.google.com/recaptcha/docs/display A good article to follow is here: https://www.c-sharpcorner.com/article/integration-of-google-recaptcha-in-w After registering the reCAPTCHA keys from here: https://www.google.com/recaptcha/admin Step 1- Add following code to the aspx file to show the reCAPTCHA control: <div class="form-item" id="divRecaptcha" runat="server"> <div class="slickbutton clearfix" style="margin:5px auto;width:100%;text-align:center;"> <div data-theme="light" class="g-recaptcha" data-sitekey="sample public key"></div> </div> </div> <sc...
Comments
Post a Comment