Tutorials with Creative Demos
Focused on a mobile phone APP, HTML href attribute in <a> tag has an alternative usage. Instead of directing to a new URL, it can additionally open Android or iOS APPs. Also, we show how jQuery Mobile gives browsers in mobile phone a more professional appearance. All codes here are not complicated, so you can … Read more
Based on CSS settings, we develop an jQuery method to raise a popup form as overlay effect on HTML. In addition, jQuery Mobile is used for responsive design and for decoration in HTML layout. All codes here are not complicated, so you can easily understand even though you are still students in school. To benefit … Read more
We design a table that can collapse details for each row. From that, you will learn what jobs jQuery does to make this example the simplest. Let us focus on the detection of html elements groups by CSS classes, and the usage of jQuery function .toggle(). All codes here are not complicated, so you can … Read more
Range Slider and Slider Button help users to change input values directly, but the way to customize it varies between browsers like Chome and Firefox. The 4 demos offer gradual tutorials from default settings to awesome appearance settings. All codes here are not complicated, so you can easily understand even though you are still students … Read more
To toggle table row/column for hiding or showing, we provide 5 jQuery illustrating examples, even including toggle div. This is a practical skill relating to jQuery and CSS. You will find a major concept about the skill throughout all 5 demos. All codes here are not complicated, so you can easily understand even though you … Read more
Endless scroll allow people to browse continuous HTML content without clicking “next page.” In contrast to traditional pagination, it is elegant and of lower interaction cost. We lay stress on Endless Scroll Tips to tutor developers with straightforward examples. All codes here are not complicated, so you can easily understand even though you are still … Read more
You can sign a signature on HTML5 Canvas by moving mouses. Listening to 3 mouse events, we discover a straight-forward and event-driven approach to do it. Furthermore, you can save your signature as an image file. All codes here are not complicated, so you can easily understand even though you are still students in school. … Read more
CSS striped table like zebra do increase visual readability for your web pages. In fact, if each row has different background color from nearby rows, users can distinguish the contents easily. Therefore, we provide four popular CSS approaches here to help HTML developers to exhibit such an awesome effect in their works. All codes here … Read more
