By Nethru Limited (www.nethru.com)
Chrome is very powerful in caching the web contents, so that it gives a fast experience for the Chrome users. But it is really irritating for web developers. I just found out that Google has invented a new feature for the reload button to handle the caching problem for developers.
By Nethru Limited (www.nethru.com)
Starting from jQuery 1.6, they introduced the method prop(). According to the official document of jQuery, the reason they introduced this new method is due to inconsistent behavior when using attr() before jQuery 1.6.
Before jQuery 1.6, the attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior.
Someone may ask when we have to use attr() and when to use prop(), this is how the official document said.
To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.
That means they suggest us to use prop() when we are going to get the attributes when boolean result, like checked, disabled or selected.
By Nethru Limited (www.nethru.com)
Recently, I found an interesting thing when displaying console logging. We can add styles to the console logging message. I have tried they are working on Chrome Developer Tools and Firebug.
By Nethru Limited (www.nethru.com)
If you are searching for a free and simple SVG editor or viewer, the following may be a good choice, which I found on Google Code recently. (svg-edit)
It is open source, so you can download and use it for free. Besides, it has a demo here. So, you may use it as an online SVG editor.
Simple and easy-to-use UI
By Nethru Limited (www.nethru.com)
Recently fixed a bug related to the abnormal behaviour for transition event in MIUI systems. Let’s see the following code.
$("#mypage").one('webkitTransitionEnd', function() {
// do something after transition event ends
});
This code works without any problems in most of the Android devices. But when I try this in the devices using MIUI, this code does not execute. After searching on Google and testing, I found that webkitTransitionEnd is not supported in MIUI devices, instead it uses transitionend event. So I changed the script to the following and it works.
$("#mypage").one('webkitTransitionEnd transitionend', function() {
// do something after transition event ends
});
By Nethru Limited (www.nethru.com)
Nowadays, a new computer will have at least 4GB RAM, sometimes may even have 8GB or 16GB RAM. Some people will use part of the RAM to setup a RAM disk. If you have a RAM disk, it may be a good idea to move your browser cache to the RAM disk in order to speed up when you are using your browser.
By Nethru Limited (www.nethru.com)
Do you have a practice to jot down some notes for what you have studied or learnt when you are doing your works? I am going to share my notes to you here, hope that they are useful to you as well.
Let’s start from a simple but common one – obtain URL information using JavaScript.
Suppose you are coding in this URL:
http://www.nethru.hk:8080/demo/helloworld.php?user=guest#debug
If you put the following JavaScript codes to your page
<script type="text/javascript">
document.write("location.href： "+location.href+"<br/>");
document.write("location.protocol： "+location.protocol+"<br/>");
document.write("location.hostname： "+location.hostname+"<br/>");
document.write("location.host： "+location.host+"<br/>");
document.write("location.port： "+location.port+"<br/>");
document.write("location.pathname： "+location.pathname+"<br/>");
document.write("location.search： "+location.search+"<br/>");
document.write("location.hash： "+location.hash+"<br/>");
</script>
Your page will show:
location.href： http://www.nethru.hk:8080/demo/helloworld.php?user=guest#debug
location.protocol： http
location.hostname： www.nethru.hk
location.host： www.nethru.hk:8080
location.port： 8080
location.pathname： /demo/helloworld.php
location.search： ?user=guest
location.hash： #debug
By Nethru Limited (www.nethru.com)
Why my z-index is not working? Because z-index only works on positioned elements (position:absolute, position:relative or position:fixed).
By Nethru Limited (www.nethru.com)
This article is about installing and using Google Closure.
For the use of Google Closure, it covers closure dependency file update and advanced optimization.
By Nethru Limited (www.nethru.com)
Google App Engine (GAE) is a cloud computing platform for web applications. However, you can just use it to serve your static files, such as js, css, html, images, etc. Somebody may think that it is an overkill to use GAE for this purpose, but it is not a bad idea because the service is backed by Google’s data center. If you are looking for free static web hosting service, and you expect the traffic will not be very high (< 1GB per day), GAE may be your choice.
Read more