HTML5 basics.
Hello my Dear Readers...
The WEB Hypertext Application Technology Working Group(WHATWG) and World Wide Web Consortium(W3C) were presently working on the HTML5 development.
it has the no.of tools that can change all the web interface into a dynamic and fully functional web-pages.
now here you can learn HTML5 basics very simply and explained with fully examples.
=====================================================================
post your trick in this website by just mail your trick to :: einstein5651.postit@bolgger.com
contact us at e-mail:: einstein5651@gmail.com
Hello my Dear Readers...
The WEB Hypertext Application Technology Working Group(WHATWG) and World Wide Web Consortium(W3C) were presently working on the HTML5 development.
it has the no.of tools that can change all the web interface into a dynamic and fully functional web-pages.
now here you can learn HTML5 basics very simply and explained with fully examples.
- Introducing HTML5
- new way to Structured Pages
- Meaningful Markup
- WebForms Refined
- The pre-HTML version of a basic form (example)
- A revised version pf the form, using HTML5 validation and input types. (example)
- The <datalist> in action. (example)
- The <progress> and <meter> elements in action. (example)
- An editable element in Page. (example)
- An editable Page in an <iframe>. (example)
- Audio and Video
- Basic Drawing with CANVAS
- Deeper into the CANVAS
- Painting part of an image. (example)
- Drawing text on the CANVAS. (example)
- Adding a Shadow effect to text, shapes, and images. (example)
- Filling a shape with a tiled image. (example)
- Filling a shape with different gradients. (example)
- A personality test that leads to five scroling charts. (example)
- Click to select a circle. (example)
- Click and drag circles. (example)
- A Bouncing ball animation. (example)
- Guide the face through maze. (example)
- Boosting the styles with CSS3
- The apocalypse page with embedded fonts and multiple columns. (example)
- Vendor prefixes for radial gradient properties. (example)
- A self-rearranging window with media queries. (example)
- Semi-transparent colors and layers. (example)
- Square boxes with shaped corners. (example)
- Multiple background image creates a resizable box. (example)
- Shadowed Boxes. (example)
- Boxes with a gradient fill. (example)
- Hover effects with a transition. (example)
- An image gallery with transitions. (example)
- Data Storage
- A demonstration of local storage and session storage. (example)
- The maze game from chapter, with the added ability to store your last position. (example)
- Show all the items in local storage for the website. (example)
- open both pages at once. changing the local storages. (example)
- Read the text file and display its contents. (example)
- Read and image and display it. (example)
- Offline applications
- updated soon. (example)
- Communication
- page calls Webcalculator on the server. (example)
- The page downloads slides from server. (example)
- page receives events from TimeEvents.php. (example)
- more cool javaScript Tricks
- get your geolocation coordinates. (example)
- you, on a map. (example)
- Search for prime numbers. (example)
- Search for prime numbers in the background. (example)
- The slide shoew from Chapter 11, with history support. (example)
- Introduction to CSS
- Introduction to Javascript.
=====================================================================
post your trick in this website by just mail your trick to :: einstein5651.postit@bolgger.com
contact us at e-mail:: einstein5651@gmail.com
No comments:
Post a Comment