background preloader

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
Save time. Create with confidence. ★ Analytics, icons, and more A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering dozens of extra tips and tricks. ★ Normalize.css and helpers Includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets — and further base styles, helpers, media queries, and print styles.

20 Pure Websites with Clean White Backgrounds Whenever we start work designing a website one of the first things we always do is throw a bunch of colours and textures onto the canvas, but sometimes a design will benefit from the clean and crisp appearance of a pure white background. This showcase rounds up 20 minimal website designs that prove that sometimes less is more. Information Architects HTML5 Presentation In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once.

CSScience Select catcher Created by Ian Hansson (@teapoted) Art from Brendan Zabarauskas (@bjzaba_). Canvas Pad Rectangles (simple shapes) HTML Canvas 2D Context specification: Section 8 Simple shapes (rectangles) context.clearRect(x, y, w, h) Clears all pixels on the canvas in the given rectangle to transparent black. context.fillRect(x, y, w, h) Building a multiplayer HTML5 game using Node, A awesome series video tutorials on building a Real time HTML5 game using the Impact engine, Javascript,, Node.js, and MySQL. Impact engine a html5, Javascript game engine In this tutorial hallsofvallhalla used Impact engine, a html5, Javascript game engine, that take care of everythings, it allows you to develop HTML5 Games for desktop and mobile browsers. Starting with Impact engine HTML5 game part 1

Beamer [If you plan to use the development code, please read the entire text below carefully.] Official mailing list (Google Groups): / News Code in repository is always in release candidate stage for next version. It's usable (because authors use it :-) ), but not all features have been extensively tested. After bugs targeted nextrelease are fixed, and it's proven that no standard features were broken in the process, it will be uploaded to CTAN.

Better Than A Van Gogh: NASA Visualizes All The World's Ocean Currents We imagine the ocean as having high tides and low tides, water that comes in and out in waves. Beyond that, how does water actually move around the world? What’s that flow look like? NASA Scientific Visualization Studio assembled this remarkable animation of the surface currents of our oceans. jQuery HTML5 Drag-and-Drop File Upload EmailShareEmailShare Like the article? Often we have a situation on our site where we want users to be able to upload a file. Whether this is for a profile, pictures of any item or other scenario, creating a file upload doesn’t have to be tricky. With some of the nice tricks in HTML5 and jQuery we can even add the nice touch of being able to drag and drop files directly into the uploader, making your site feel extra-special. In this tutorial we will discuss the techniques of both of these techniques that make this trick possible as well as create a drag and drop image uploader of our own.

Site Under Construction Hello everyone…This is the first post in the new “Freebies” category and I want to celebrate this by offering you something original and special.I`m giving away a free “Site Under Construction” Template ,to use it whenever you have a new website to launch or a re-design of your old website,or for anything else. This template is a simple one page “Under Construction” template that allows you to keep your users informed,while you work at your website.The template has a jQuery slider containing 3 slides:one with your social pages,like Twitter or Facebook,one with a subscribe-by-mail form and another one with an area for writing what you do.I thing it`s very useful.Now you have to convince yourself of its functionality. Main features of the Template

Wind Map An invisible, ancient source of energy surrounds us—energy that powered the first explorations of the world, and that may be a key to the future. This map shows you the delicate tracery of wind flowing over the US. The wind map is a personal art project, not associated with any company. We've done our best to make this as accurate as possible, but can't make any guarantees about the correctness of the data or our software. Please do not use the map or its data to fly a plane, sail a boat, or fight wildfires :-)