background preloader

40 Beautiful Free HTML5 & CSS3 Templates

40 Beautiful Free HTML5 & CSS3 Templates
Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 and CSS3; both of which will help future proof your website and make them more accessible. The Templates 1. A minimal looking grey and pink design that comes packaged with an Ajax powered PHP contact form. Info & Download | Demo A beautiful clean two column design that would be perfect for a blog. Info & Download 3. A grunge styled website that is suitable for a portfolio or a blog. Info & Download | Demo 4. Info & Download | Demo

Related:  HTML5 & WebGL

WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: The Anatomy of a Perfect Login Page In this article I am going to analyze what a perfect login page or login form should have. Also you are able to download the pure CSS3 login form for free. Login forms are very simple in terms of the required elements. Free HTML5 Admin Template This HTML5 + CSS3 admin area template was created specifically for application and theme developers who want more out of their admin dashboard. Forget using a basic admin template, this theme comes with jQuery Table Sorter built in and easy integration with Google Chart API. The ability to hide and show menu sections is also included, along with tons of styles for various sections, inputs, and alerts. This template uses HTML5 and CSS3 for gracefully degrading styles.

Stylus Stylus ships with the stylus executable for converting Stylus to CSS. Usage: stylus [options] [command] [< in [> out]] [file|dir ...] Commands: help [<type>:]<prop> Opens help info at MDC for <prop> in your default browser. 7 SEO Checklist I would love to put together a Drupal 7.0 SEO checklist. Please feel free to add/edit. All comments should be related to SEO in Drupal 7.0 and unless directly relevant should not contain Drupal 6.0 advice (although links to D6 are welcome). The SEO Checklist module (available for both 6 and 7) has most of these included it in with automatic checks, datestamps, links to the download pages, and links to the config pages. Very, very helpful module.

Echo Test The first section of this page will let you do an HTML5 WebSocket test against the echo server. The second section walks you through creating a WebSocket application yourself. You can also inspect WebSocket messages using your browser. Try it out This browser supports WebSocket. Uh-oh, the browser you're using doesn't have native support for WebSocket. Smarten Up a Slick Login Form With CSS3 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0;

Best WordPress Themes of 2012 (UPDATED) Best WordPress Themes 2014 Looking for the absolute BEST WordPress Theme of 2014? Get The X Theme (30+ Demos). Have you seen the new ULTIMATE WordPress Theme? Watch this 3-minute video, then head on over to ThemeForest and buy it today! Have you ever seen anything like this? Beautiful Slide Out Navigation: A CSS and jQuery Tutorial Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare […] View demoDownload source Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them.

Creating a Drupal 7 video gallery with the Media module We've been testing different contributed Drupal 7 modules to assess the readiness of the ecosystem for production sites. The Media module is an ambitious and promising solution for managing and deploying a variety of media assets. It promises to be the successor to the very successful Embedded Media Field After reading the extensive documentation it occurred to me there was a need for a tutorial in this area. This tutorial will focus on creating a gallery of YouTube videos using the Media and Media YouTube modules. This is the end product we will be building:

GoJS Overview - HTML5 Canvas JavaScript Library for Diagrams GoJS Overview GoJS is a fast and powerful JavaScript library for implementing interactive diagrams in HTML5 web applications. The design of GoJS is similar to the design of our other diagramming controls and to GoXam in particular. The design includes support for templated definitions of complex parts and data-binding of graphical object properties to model data. Create Powerful Diagrams Slick login form with HTML5 & CSS3 We already know that CSS3 has the ability to create a lot of new possibilities to design and implement better web forms. Also, HTML5 has its important role when it comes about creating more usable forms, without actually needing any Javascript code. Knowing that, check out the below preview to see the login form we're going to create in this article: View demo Markup

20 Awesome HTML5 Website Templates Which Are Free A lot had been share about HTML5 on the Internet, as it’s one of the latest trending topics.. It is considered as the next big thing. HTML5 is another stepping stone to make the web experience more enjoyable and gratifying for its users.

Related:  WEB Design trends