HTML5: Background Generator

 

 

HTML5: Background Generator

 

 

Background Generator (BG) provides the ability to edit the background of any website in real-time! To give you an idea, the backgrounds of the Journal, Photos, Projects, and Labs sections of Mudcu.be were created using BG.

BG allows you to create fancy Web 3.0 backgrounds without getting dirty with Photoshop, GIMP, ect. The project includes a collection of textures (wood, rust, paper, concrete and so-on) which are combined with custom linear-gradients and colors to create a wide assortment of themes.

BG outputs valid CSS3 code, and also supports older browsers back to CSS1.  Supporting CSS1 is accomplished through the fallback of using of an embedded JPEG. Designers targeting newer browsers will also be happy; BG supports -moz-linear-gradient (for Firefox), -o-linear-gradient (for Opera) and -webkit-gradient (for Safari/Chrome) with multiple color-stops. Additionally, BG outputs DXImageTransform (Internet Explorer) code, as long as there are no more than two color-stops; IE can support multiple color-stops by using the fallback method (JPEG). Supporting browsers across the spectrum: IE, Firefox, Safari, Chrome, and Opera.

Please enjoy, and if you find it useful, post the website you designed here!

Ref: http://mudcu.be/journal/2011/03/html5-background-generator/

100+Free and Premium Website Templates with HTML5 2011

Bellow is some best free website templates with CSS3 and HTML5 that it is available to download free. Please enjoy with all templates.

 1. Free Template Movies

Simple corporate CSS/XHTML template ready to meet wide range of requirements for effective on line performance. The design can be easily implemented in many open source platforms such as WordPress, Joomla, Drupal, etc.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

2. Ecommerce Website Templates

This eCommerce templates design focus on the furniture store by using html and css.  This templates designers knows about the importance of having good navigation, and that is why every free web template displayed in the free templates gallery is carefully checked so as not to contaminate the whole.

100+Free and Premium Website Templates with HTML5 2011

Download

 

3. Photography Website Templates

Fotofolio Landscape is a WordPress theme specially designed for Visual Artist, Photographer, or any media designer, to show off their works. Simple, fast, easy to use, even for beginner, most of all it’s free

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

4. Flash Website Template

It provides great features for free Flash templates specifically for modeling agency websites that would enable you to showcase the face, the body, the looks and the credentials of your models so that talent scouts and ad agencies, as well as huge companies could easily spot what and who they need just by browsing your website.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

5. Wedding Website Templates

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

6. Business Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

7. Free Photo Art Website Template

ree HTML5 Website Template for your online portfolio. This theme is a mixture of what you would expect to find in a good HTML5 website template – it provides catchy layout and the most important features of HTML5markup language. Using it you will be able to cover most of your creative work and devote much attention to its central points.

100+Free and Premium Website Templates with HTML5 2011

Download

8. Page Portfolio with HTML5 and CSS3

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. Before we start, make note of the answer to this question.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

9. Efficient Business Project Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

10. Photographer’s Portfolio Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

11. Biz Time Business Company Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

12. Excellent for Web Design Studio Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

13. Efficient Start of Your Business Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

14. Real Estate Website Template Free

100+Free and Premium Website Templates with HTML5 2011

Download

 

15. Travel Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

16. Wedding Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

17. Music Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

18. Free Business Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

19. Science Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

20. Template for Music Band

100+Free and Premium Website Templates with HTML5 2011

Download

 

21. Furniture Website Template for Eco Design Company

100+Free and Premium Website Templates with HTML5 2011

Download

 

22. Personal Website Template

HTML5 and CS3 is hot topics for web developers right now. Especially CSS3, because it’s so much easier to build beautiful websites.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

23. Business Website Template with Accordion Navigation

100+Free and Premium Website Templates with HTML5 2011

Download

 

24. Photo Shoot Website Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

25. Free Website Template Slider Typography

100+Free and Premium Website Templates with HTML5 2011

Download

 

26. HTML5 website template for airline company

100+Free and Premium Website Templates with HTML5 2011

Download

 

27. Golf Course Website Template

TheHoleInOne is a 3-column HTML5 and CSS3 template perfect for a golf-oriented site.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

28. Photo Gallery Website Template

VividPhoto is a stunning photography HTML5 and CSS3 template that is designed to showcase a portfolio of images. Note the left side navigation that hides until you hover over the small gray tab.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

29. Minimalism Website Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

30. Online Solutions Website Template

OnlineSolutions is a 3-column HTML5 and CSS3 template with structured blocks of text, perfect for business projects.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

31. Science Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

32. Hosting Company Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

33. Real Estate Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

34. Business Company Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

35.  Music Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

36. Architecture Website Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

37. Learning Center Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

38. Professional Phone Shop Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

39. Website Template – Clean Red

Clean Red is another free html5 and CSS based template suitable for blogs, web design portfolios, photographers websites or generic blogs. It has a minimal, clean and usable design that would look good for any kind of website.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

40. Engineering and Construction Website Template

100+Free and Premium Website Templates with HTML5 2011
Download

 

51. Website Template – OWMX-1

100+Free and Premium Website Templates with HTML5 2011

Download

 

52. Cinema World Website Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

53. Elegant Clean Under Construction Page

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

54. Images Slideshow Website Templates

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

55. Free Company Website Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

56. Classic Design Website Template – Memoir

This template is released under Creative Commons Non-Commercial License. You are free to use it for your website, provided the link back to this website is kept intact on all the pages.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

57. Studios Design Company Website Template

Here is another high quality HTML5 and CSS3 based template suitable for portfolio websites and design studios. This template has a jQuery Slider in the home page and a nicely designed portfolio section to showcase your work.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

58. Colorful Website Template – High Five

There is a well designed portfolio layout in the template, which I think will be useful if you need to show case your work / portfolio.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

59. Business Website Template – Small Business

This is compatible with most of the browsers and to take care of lack of support for HTML5 and .PNG in Internet Explorers, I have included html5shiv and PNG fix for IE. This free CSS Template is released under GNU-GPL License. You are free to download and use it in any way you want to. A link back to this website is always appreciated.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

60. Free Website Template – Portfolio

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

61. Elegant Website Template With HTML 5 And CSS3

The template can be used and edited without any restrictions or limitations. Feel free to modify the template in private or commercial projects. It is absolutely free to use and released under GNU General Public License. We love our readers!

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

62. Coffee Shop Website Template HTML5 and CSS3 Style

CoffeeCols is a fun, creative magazine style template that uses equal boxes on the home page to make content stand out. The boxes line themselves up and space themselves out regardless of how many you have, so you never have to deal with that.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

63. Image Slide Website Template HTML5/CSS3 and jQuery

redX is a business-style HTML5 and CSS3 template that includes a nivo slider, 3 columns of sales text, and lots of CSS3 and jquery goodness.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

64. ElegantPress Website Template

ElegantPress is a variable-column HTML5 and CSS3 template that just has to be seen to be appreciated. It comes with various layouts, a jquery slider, lightbox, inbuilt web fonts, jquery gallery, jquery jportfolio, more goodies, and even a working contact form.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

65.  Web Design Website Template Starter Pack

The Starter Pack, as I call it, is a bit different than a template. I built it with one guiding principle: scalability. As a result, you can use this to get started on your portfolio page or the next Facebook.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

66. Website Template Interior Design Company

Free website template done in clean style, perfect for any kind of interior design business.

100+Free and Premium Website Templates with HTML5 2011

 Download 

 

67. Spa Salon Website Template

Free website template for spa salon, designed in clean style.

100+Free and Premium Website Templates with HTML5 2011

Download

68. Colorful Design Website Template

Grungeset is a colorful, fun, grunge-inspired HTML5 and CSS3 template that includes both a gallery-style home page layout and a 3-column interior page layout.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

69. Typography Website Template with jQuery Slider

it’s a template with awesome typography and a jQuery slider in the header

100+Free and Premium Website Templates with HTML5 2011

Download

 

 

 70. Cooking Shop Website Template

Principato is a restaurant or culinary themed HTML5 and CSS3 template though it could be used for any other niche as well.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

71. Maintenance Services Website Template

100+Free and Premium Website Templates with HTML5 2011Download

72. Soothing Website Template

Soothing  template that focuses on imagery and headline grabbing attention, with a fun jquery slidebox.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

73. Real Estate Website Template

Website template for a real estate business with a spectacular image slider in the header area

100+Free and Premium Website Templates with HTML5 2011

Download

74. KiteSurf Website Template

KiteSurf is a nice HTML5 and CSS3 template that includes a working contact form, CSS3 transform code to animate images, and an HTML5 progress bar

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

75. Night Club Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

76. CatTemplate

This one includes an image slider, and combines a professional layout style with a playful feel. Marija also includes some logos and banners that can be adapted with a couple of changes in Adobe Fireworks, her favorite web design tool.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

77. Cooking Website Template

it’s the premium free template for a recipes website, with a nice appetizing background image.

100+Free and Premium Website Templates with HTML5 2011

Download

 

78. BlueBand Music Website Template

BlueBand is a cool music-themed HTML5 and CSS3 template perfect showcase a band’s music, and concerts. Designer, Michelangelo, contributed this template.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

79. Family Center Website Template

100+Free and Premium Website Templates with HTML5 2011Download

80. AppleGreen Website Template

AppleGreen is a hot business-oriented HTML5 and CSS3 template with a fresh look and bold scheme.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

81. Full JS Website Template – Background Image

100+Free and Premium Website Templates with HTML5 2011Download

 

82. Blogger5 Website Template

Blogger5 is a 2-column HTML5 and CSS3 template in striking, bold colors. This one would work well for either professional or personal designs.

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

83. Wedding Website Templates

100+Free and Premium Website Templates with HTML5 2011

Download

 

84. Restaurant Website Template

100+Free and Premium Website Templates with HTML5 2011

Download

 

85. HTML Mobile Website Template

HTML5, expanded CSS style sheets with multiple formatting options, a library of icons & buttons, examples of how to embed Google Maps & Google Calendars, & a collection of tips & tricks specific to building web pages for smartphones.

100+Free and Premium Website Templates with HTML5 2011

Download

86. HTML5 Charity Center Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

87. Constellation THML5 Theme for WordPress

100+Free and Premium Website Templates with HTML5 2011Download | Demo

 

88. Nova HTML5 WordPress Theme withPSD files

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

89. Free Single-Page HTML5 Portfolio Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

90. Free Templates PhotoWall HTML5

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

91. Free Pixel Website Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

92. Free Website Templates DarkPortfolio

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

93. Free Business Website Template

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

94. Free Web Design Company Template HTML5

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

95. Coolblue Website Template Free

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

96. Free Business Template – jQuery Cycle Slider

100+Free and Premium Website Templates with HTML5 2011

 Download

 

97. Free Website Template – Youth Organization

100+Free and Premium Website Templates with HTML5 2011

Download

 

98. Free Website Template for Car/Auto Website

100+Free and Premium Website Templates with HTML5 2011

Download

99. Free Website Template for Food Delivery

100+Free and Premium Website Templates with HTML5 2011

Download

100. Free Website Template with jQuery Slideshow

100+Free and Premium Website Templates with HTML5 2011

Download

 

101. Free Wedding Website Template HTML5

100+Free and Premium Website Templates with HTML5 2011Download

 

102. Free Business Template – jQuery Slider

100+Free and Premium Website Templates with HTML5 2011

Download

 

103. Free Website Template – Law Company

100+Free and Premium Website Templates with HTML5 2011

Download

 

104. Free Template for Fintess Website – jQuery Slider

100+Free and Premium Website Templates with HTML5 2011

105. Free Website Template for Consulting Business

100+Free and Premium Website Templates with HTML5 2011

Download

 

106. Free Website Template w/ jQuery Slider – Sotware

100+Free and Premium Website Templates with HTML5 2011

Download

907. Premium Template Impact

100+Free and Premium Website Templates with HTML5 2011

Demo | Download

 

108. Premium Website Template Guide Marketing Company

100+Free and Premium Website Templates with HTML5 2011

Source from http://www.freshdesignweb.com/free-and-premium-website-templates-html5.html

HTML5 Chess Game Example

If you like Chess and want to try with HTML5 and Javascript you can visit this cool site:

http://htmlchess.sourceforge.net/demo/example.html

Or download:

http://sourceforge.net/projects/htmlchess/files/latest/download

 

45 Examples of Websites Designed with HTML5

Spigotdesign

Black-meridian

Time2project

Gforce

Webstandardssherpa

Eyestylesllc

Visualise

Nicelyreplayed

Bebopweb

Clearideaz

Urustar

1MD

Birrificioirpino

Maartenkal

Benthebodyguard

Ngenworks

Unfold

Moodsofnorway

Zerply

Made In Germany – Magazine August 5

Ideaware

Marco Barbosa

Tejpotter

Vision18

Html5readiness

Teixido

Stephencaver

Faciodesign

Digitalhands

Ashfalldesign

Vegazvegaz

Html5lab

Hd-Live

Dilly Deli – Tulsa, OK

1minus1

CORPUS

Simple as Milk

FRONTEND 2011

Nike

Cultural solutions uk

Henry Brown

Rainypixels

Full Stop

Pioneer Records Management

Femkreations


Source: http://designmodo.com/websites-design-html5/#ixzz1mRJzNeQj

23 Useful Online HTML5 Tools

Sketch in 3D With Animating Lines on HTML5 canvas

HTML5 examples

Spritebox – Create CSS from Sprite Images

HTML5 examples

font dragr – Drag and drop font testing

HTML5 examples

Patternizer – Stripe Pattern Generator Tool

HTML5 examples

XRAY: look beneath the skin

HTML5 examples

Automatoon- Easy Animation For The Web

HTML5 examples

HTML5 Audio element maker

HTML5 examples

SVG to HTML5 Canvas Converter

HTML5 examples

Rendera – Online HTML5 Editor

HTML5 examples

CanvasLoader Creator

HTML5 examples

HTML5 File Upload with Progress

HTML5 examples

Making a Beautiful HTML5 Portfolio

HTML5 examples

Create a Stylish Contact Form with HTML5 & CSS3

HTML5 examples

Periodic Table of the Elements

HTML5 examples

Interactive Typography Effects with HTML5

HTML5 examples

DHTMLX Touch – JavaScript Mobile Framework for HTML5 Web Apps

HTML5 examples

HTML 5 Outliner

HTML5 examples

Initializr – HTML5 templates generator

HTML5 examples

HTML 5 Demos and Examples

HTML5 examples

HTML5 Tracker

HTML5 examples

HTML 5 Visual Cheat Sheet

HTML5 examples

The HTML5 test

HTML5 examples

LimeJS – HTML5 game framework

HTML5 examples
Source: http://designmodo.com/online-html5-tools/#ixzz1mRJKtD4e

Ping your blog, website, or RSS feed for Free Sitetag