Live with 30 seconds to Mars on beta.VyRT.com! This is awesome by the way. Listening to the artists music with them live.

How to use FF Chartwell

ZOMBIE SURVIVAL MAP

Just incase zombie apocolypse happens my good friend Jeff Merrick, over at doejo, created this great Zombie Survival Map with locations for all necessary survival gear for such an even. It uses the Google Places API to pull places within certain categories or matching certain keywords.

http://www.mapofthedead.com/

The Power of HTML5 & CSS3

http://beta.theexpressiveweb.com/

weandthecolor:

Nike 6.0 // Surfca.li

Creative direction and web design by Dann Petty.

More web design inspiration.

posted by
W.A.T.C. // Facebook // Twitter // Google+

9-bits:

MIT-licensed, imageless, loading spinner which uses CSS3 where possible and falls back to VML for our buddy, IE6. Great little JavaScript project.

A bunch of really cool interactive web things. Really cool site

thechangelog:

A new breed of mobile devices led by the Apple iPad are changing the way we think about web layout. Applications like Flipboard and Feedly have led the charge in a resurgence of magazine-style layouts both on the web and on the tablet.

Treesaver from Filipe Fortes is a new JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS. Weighing in at just 25KB, Treesaver’s feature set is impressive providing support for grid and column layouts, custom UI’s, repeating content, cover pages, figures and illustrations, and analytics.

Demo 1 Demo 2

The Treesaver wiki has a nice walkthrough to get you started and the project ships with an HTML boilerplate for both your content:

<!doctype html>
<html class="no-js no-treesaver">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,minimum-scale=1,maximum-scale=1">
<title>Sample Treesaver Page</title>
<link rel="stylesheet" href="style.css">
<link rel="resources" href="resources.html">
<script src="treesaver-0.9.0.js"></script>
</head>

<body>
<article>
<p>This markup is an example of a page using Treesaver for layout. It is not very exciting right now.</p>
</article>
</body>
</html>

and your resources:

<!doctype html>
<html>
<body>
<div class="chrome">
<div class="viewer"></div>
</div>

<div class="grid">
<div class="column"></div>
</div>

<div class="loading">
Loading
</div>

<div class="error">
Error
</div>
</body>
</html>

Be sure and check out the impressive demos, especially on the iPad. With this first public release, Filipe admits the project still needs a lot of work. But the GitHub repo has a deep wiki and is very active. If you’re interested in contributing, you can help knock out the growing list of bugs and features.

iPad screenshot

[Source on GitHub] [Homepage]

benjaminf:

The Colour Clock is a screensaver which represents time as a hexadecimal color value. Sent to us by Jack Hughes.

KOLT13 feat WEB – love at the speed of light

These french dudes r pretty dope. lov’n the french dudes more and more. I mean they put out justice, and ever since alan braxe popped my cherry I’ve been getn my hands on everything frenchTech as i can. I made up that word btw. French discotech combined :)

koltrez

Played 5 times.

lokio:

i actually get asked a lot about how i got that “insert object here” on my blog. from how i did my banners, to music players, chatboxes, the whole layout in general, widgets, or animated graphics. to be honest, almost everything you see here on my blog were made or coded by me. except the layout style sheet, which was gotten from tumblr, obviously. but here’s a list i’ve compiled for sites that i like to get cute stuff from when i don’t feel like making them, or when i need inspiration in making my own. the owners and artists of these creations definitely put tons of effort into making these for no profit. so be prepared to be inspired and remember to always give credit.

sozai (web materials) & pixel creations for adoption.
mostly japanese content

sleek graphics, photography, backgroung patterns, photoshop brushes.

mostly english content

flash widgets.

counters & trackers.

tagboards, feedback, forms.

image hosting, file hosting.

codes & scripts.