Monday, 10 December 2012
Sunday, 2 December 2012
Sunday, 21 October 2012
Multiple Search
Multiple Search is a very useful website that it provide all search result in on e page. It is quit convenient when you want to compare several item. With this website,you cant save time for travel in many tab for comparing different search result
Tuesday, 2 October 2012
Fill in the Blank Generator 2
The new Version of Fill in the Blank Generator support two new feature.
Now you can manual pick up words or sentence in the article.
And the most powerful function is .........................article analysis.
after you click analysis button, this application will find out all part of speech of each words.
So What? oh~well, that mean this application can pick up the words base on part of speech. for example,you can create exercise to test student knowledge of verb.
Saturday, 22 September 2012
Fill in the blank Generator
why I develop this tool? I want to speed up the progress of producing fill in the blank exercise to students.
Traditionally,how many step for creating fill in the blank exercise?
May be too many step.First, the teacher need to find or type essay.Then, they need to think which word should pick up.Finally, they need to replace picked word with underline and question no......
Above progress is quit slow and boring.Can teacher find some tool to speed up this progress.
Therefore, I develop "Fill in the blank Generator" to teacher.
Tuesday, 11 September 2012
Make website faster(feel or look like)
What we Focus Today
Want website look like faster?provide visual feedback faster? load DOM first! put javascript and css file at the bottom
we can make website loading faster by changing a lot thing.Such as Minimize HTTP Requests,Use a Content Delivery Network.......(want more? go to Best Practices for Speeding Up Your Web Site)
But today,we just do some little trick, let user feel faster.
So how to do that? we just put our external link(like css or javascript) at the bottom of file.After that, the browser will load the DOM fist, then it load external file.When we do that,user can get response as soon as possible. Otherwise,browser load javascript file,css first, it require a lot of time(as CDN network may be down, file is too big).
the philosophy behind that ,when user browse website, what they can see? just html page, CSS? javascript? they can can't "see".
HTML page is the progress indicator! When the browser loads the page progressively the header, the navigation bar, the logo at the top, etc. all serve as visual feedback for the user who is waiting for the page. This improves the overall user experience. by Best Practices for Speeding Up Your Web Site
DrawBack
if you put CSS file at the bottom,user may see the page without any style,layout. If you produce some javascript or jquery function to hide some image or paragraph, and you put javascript file at the bottom, the page will show all thing that you want to hide, then hide it.Conclusion
Before you put external link at the bottom, you should decide put what file carefully. the file about visual effect, you should put it at the topMonday, 10 September 2012
Regex Colorizer - syntax highlighter
Source from Regex Colorizer
apply to blogger
- go to "Template tab" -> click "Edit html"
- find </head>
- add below code to above </head>
- find <body> repleace <body> with :
- when you want to highlight some code
<!---start regex-colorizer.js--> <script src='http://stevenlevithan.com/regex/colorizer/regex-colorizer.js' type='text/javascript'/> <link href='http://stevenlevithan.com/regex/colorizer/themes/nobg.css' rel='stylesheet' type='text/css'/> <!---end regex-colorizer.js-->
<body onload='RegexColorizer.colorizeAll()'>
<pre class="regex"> you some code </pre>
Demo
View:
- click result tab to see highligher effect
- click html tab to see html code
- click source tab to see source
