Technotip - technotip.com - Technotip.com
General Information:
Latest News:
Dynamic Suggested List: HTML5 + jQuery + PHP + MySQL 27 Aug 2013 | 08:13 pm
Today lets build a dynamic suggested list input field using HTML5, jQuery, PHP and MySQL. We have 55 company names in our database table – and the import file(.sql) can be downloaded at the end of th...
Suggested Entries Using datalist Element: HTML5 22 Aug 2013 | 04:04 pm
Lets build a simple auto suggesting form field with the help of datalist form element of HTML5. Here I’ve taken a text input field, and with the help of datalist element and list attribute, have buil...
autocomplete Attribute of Form Field: HTML5 22 Aug 2013 | 01:55 pm
Today lets see how autocomplete attribute of HTML5 works. Here we take 3 input fields and individually enable and disable the autocomplete feature by specifying it’s values: ON and OFF. HTML file i...
autofocus Attribute of Form Field: HTML5 21 Aug 2013 | 11:43 pm
Quick video to illustrate autofocus attribute of HTML5 form fields. Here we take 3 input fields, and one field is set with autofocus attribute. HTML file index.html In above case, the third input ...
Pseudo-classes for Form Element 21 Aug 2013 | 07:54 pm
CSS3 introduced some new pseudo-classes for form elements. In this video tutorial we’ll be looking at these 3 pseudo-classes: :required :valid :invalid HTML file index.html Here we have attached...
HTML5 and CSS3 Video Tutorial List 20 Aug 2013 | 12:29 am
Here we list all the HTML5 and CSS3 video tutorials ..all these video tutorials are 3 or 5 or 10 minutes in length and you can go through them very quickly. Learning along with me while I teach is the...
Simple Animation using Canvas: HTML5 20 Aug 2013 | 12:03 am
Today lets see how we can do simple animation using Canvas. Demo Here we draw a circle and move it from starting point of x-axis to the end of the canvas. index.html and myStyle.css file content ar...
Image Gallery using Canvas: HTML5 18 Aug 2013 | 01:39 pm
Lets build a simple image gallery application quickly, using HTML5′s canvas. JavaScript file: Array Element myScript.js We put some images inside images folder. Create an array and have the paths o...
Accessing Raw Pixel Data in Canvas: HTML5 13 Aug 2013 | 02:00 am
Today lets learn how to access individual pixel data on canvas, manipulate it and put it back on to the canvas. Important Note: Each pixel is composed of 4-bytes. index.html and myStyle.css file con...
Compositing Methods in Canvas: HTML5 10 Aug 2013 | 10:38 pm
There are 12 different compositing methods in Canvas. By default, source-over is applied for all the drawing operations on canvas. In this video tutorial, we draw 2 rectangle and show the effects of ...
