CSS3D Clouds, Tron in JS, X-Platform development with HTML 5, and more…

How HTML5 will support cross-platform development. JavaScript game of Tron in 219 bytes. Mozilla’s BrowserQuest, a massively multiplayer HTML5 (WebSocket + Canvas) game experiment. These CSS3D clouds really are quite awesome. JavaScript pattern and antipattern collection. Inception Explained, a nice scrolling animation of the plot of the movie. This jQuery plugin turns any HTML element [...]

Hack the Change, Change the Hack

Five years ago Yahoo introduced their 24 hour hack experience to universities around the world. At first it took a while to convince school officials to open their buildings to a bunch of students for 40 hours to build, learn, network, and create cool projects that they wouldn’t learn in class. Yahoo HackU events have [...]

ChronoZoom, page load costs, Boot to Gecko, and more…

How much does a one-second page load delay cost, infographic? Mozilla’s “Boot to Gecko” project aimed at enabling the Open Web as a platform for mobile devices. Teach and Learn HTML5, CSS3, JS in a new way. Check out the pattern library from the new responsive Starbucks. How to write Augmented Reality application with JavaScript. [...]

Learn Game Theory, SpitePad, HTML 5 tutorials, HTML 5 Games, and more…

With SpritePad you can create CSS sprites simply by drag & drop your images. Available on Firefox and Chrome at the moment. 8 crazy animations with WebGL and HTML5 canvas. Responsinator, a simple & effective way to test your site design on a range of popular screen sizes. StyleDocco generates documentation and style guide documents [...]

16 Boilerplates, HTML 5 Infographic, and more…

A collection of inspirational websites using media queries and responsive web design. A/B test your e-commerce site in 6 easy steps. 16 boilerplates to start your projects quickly. Infographic on the current state of HTML5. Gamification and User Experience. 7 awesome HTML5 interactive websites. How to optimize your CSS. A simple WebGL example to help [...]

WebGL experiments, Vim tips, Intro to PhoneGap, and more..

Why you may be a bad PHP programmer. The principles of color and the Color Wheel. If PHP were British. Morris.js is a lightweight library that uses jQuery and Raphael to make drawing time-series graphs easy. Introduction to PhoneGap. Best of VIM tips. 10 most common misconceptions about User Experience design. OMG, Mario!, a 2D [...]

Restoring Semantics and Accessibility with ARIA while Optimizing Mobile Performance

Flickr published an article that addressed how they rebuilt their lightbox presentation for mobile devices: Lessons Learned from the Flickr Touch Lightbox. This article shows that perceived performance is extremely important on a mobile device. User’s expect something to occur as soon as they touch the screen and any delay degrades the experience.

HTML 5 Video, PhoneGap, Peanutty, and more…

Skewing web page elements using CSS3. 15 best HTML5 video player of all time. 16 tutorials for new HTML5/CSS3 techniques. PhoneGap vs Appcelerator Titanium comparison. The top 25 browser tools for web designers and developers. Apple releases guide to help you write your first App. 60 examples of responsive website design. Peanutty, a web site [...]

Welcome YSlow Open Source

That’s one small click for a developer, one giant leap for the performance community. Please welcome YSlow into the open source world! YSlow was created by Yahoo! and the extensions were released to the public for free since 2007. Yahoo! has maintained the source code for the last five years, encouraged by community feedback to [...]

Knockout.js, IndexedDB, Ducks, Infographics, and more..

An infographic on “to build or not to build a website”. Use WPFunction.Me to quickly build all the functionality you need for a WordPress project. Getting started with IndexedDB. 15 tools for profiling your websites speed. Rapid and responsive UI development with Knockout.js, tutorial by @mattbrailsford. HTML5 Rocks, a resource for open web HTML5 developers. [...]

Loadtimer, Ruby trick shots, HTML 5 vs. Flash games infographic, and more…

3 breakthrough ways to visualize HTML5 audio. Ruby Trick Shots, a video of 24 Ruby tips and tricks. HTML5 Please, lookup HTML5 and CSS3 features. CSS border-image generator. CSS linear gradients syntax generator. Loadtimer, a tool to measure page load times on mobile devices. Pears are common patterns of markup & style. 3D rose in [...]

Hadoop Summit 2012 – Registration now open!

San Jose Convention Center on on June 13-14, 2012 Hortonworks and Yahoo! are proud to host the 5th annual Hadoop Summit. The two-day event will feature many of the thought leaders from the Apache Hadoop community who will showcase successful Hadoop use cases, share development and administration tips and tricks and educate organizations about how [...]

PHP-Python-Ruby infographic, Hosting infographic, Learn Python, and more…

A Photoshop PSD file parser in JavaScript for browsers and NodeJS. An introduction to jQuery for designers. So you found something cool on the Internet. Web designers, what to look for in a CMS. Infographic on hosting decisions. Create ZIP files in JavaScript. jQuery UI vs Kendo UI. PHP vs. Python vs. Ruby, infographic. Website [...]

The proxority principle, how to build JS games, a JS pattern collection, and more…

The Proxority principle in web design. Mac OS X Lion emulated in your browser using CSS3. Happy Fun Coding, a site to learn to program games in JavaScript. The wonderful calc() function in CSS. Pretty Loaded, a gallery of preloaders. Graphical calculator in HTML5. 10 jQuery Mobile features. Vogar, a command line tool that attempts [...]

2011 Internet Stats, Command and Conquer in HTML 5, Test Driven JS development and more…

Internet 2011 the year in numbers, nearly every possible Internet stat you could ever want. Command and Conquer, recreation of the real time strategy game in HTML5 and Javascript. Overview of CSS3 features and the basics of how to use them. 10 super useful PHP code snippets. A good HTML5/JavaScript/CSS reference site. Sketch in 3D [...]