HTML 5

HTML5 Powered Contact Form

html5-contact-forms

In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation.We will use jQuery and Modernizr to help out with the older browsers, and PHP on the server side to validate the input.

Build game in HTML5

html5-games-icon

HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! Today, you’ll make your first game using Box2D and HTML5′s canvas tag.

Flash website

Adobe Flash (formerly SmartSketch FutureSplash, FutureSplash Animator and Macromedia Flash) is a multimedia platform used to add animation, video, and interactivity to web pages. Flash is frequently used for advertisements, games and flash animations for broadcast. More recently, it has been positioned as a tool for "Rich Internet Applications" ("RIAs"). Flash manipulates vector and raster graphics to provide animation of text, drawings, and still images. It supports bidirectional streaming of audio and video, and it can capture user input via mouse, keyboard, microphone, and camera. Flash contains an object-oriented language called ActionScript and supports automation via the Javascript Flash language (JFSL). Flash content may be displayed on various computer systems and devices, using Adobe Flash Player, which is available free of charge for common web browsers, some mobile phones and a few other electronic devices (using Flash Lite). Some users feel that Flash enriches their web experience, while others find the extensive use of Flash animation, particularly in advertising, intrusive and annoying, giving rise to a cottage industry that specializes in blocking Flash content. Flash has also been criticized for adversely affecting the usability of web pages. (wikipedia)

HTML5 techniques you Must Know

html5

1. New DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html> 2. Email Inputs <!DOCTYPE html> <html lang="en"> <head>     <meta charset="utf-8">     <title>untitled</title> </head> <body>     <form action="" method="get">         <label for="email">Email:</label>         <input id="email" name="email" type="email" />         <button type="submit"> Submit Form </button>     </form> </body> </html> 3. Placeholders <input name="email" type="email" placeholder="name@domain.tld" /> google_ad_client = "ca-pub-5735567299003148"; google_ad_slot = "0336277860"; google_ad_width = 300; google_ad_height = 250; View more & more =>

30 cheat sheets for web designers and developers

30_cheat_sheet

A cheat sheet is a printable guide of a particular programming language, software or framework. A web designer spends most of his design time to move around different softwares environment and it becomes really hard to memorize the shortcuts and hot keys for each environment. Hence, cheat sheets provide great help for them. In this article, we present 30 essential cheat sheets for the most popular web based technologies.

Only css dropdown menu

different-preview

Pricing table

saas-pricechart

HTML5 & CSS3 resources

html5demosdotcom

CSS3 gradient generator, Font tester, HTML5 & CSS3 browsers, HTML5 demos and examples

HTML5 & CSS3 video tutorial

html5_Css3

A tutorial on Html 5 and CSS 3.I go over some of the new functions for html5, embedding audio and video and also using form validation with html5. Css covering border radius and drop shadow.