send() us your best
With the Websocket API and protocol, you can open a two-way channel between the browser and a server, for scalable and real-time data flow. No more server polling!
Code with no.js!
The Web: Now in amazing 3D!
WebGL brings the power of OpenGL, for creating interactive 3D graphics, to the Web, with no plug-ins required.
send() us your best
With the Websocket API and protocol, you can open a two-way communication channel between the browser and a server. This lets you send messages to the server and receive event-driven responses in real time, all without server polling. Websockets are simple, scalable, and future-proof. Websocket.org even argues that Websockets are the "next evolutionary step in web communication."
Not excited yet? This is about more than just sending messages—it's about highly interactive experiences. Last month, Little Workshop and Mozilla collaborated to create BrowserQuest, a multiplayer online game that uses Websockets at its core. As if that weren't enough, Mozilla's very own Rob Hawkes created Rawkets, a multiplayer space shooter that also uses Websockets.
Of course, you can't do much with Websockets unless you have a server to communicate with. Thankfully, there are many free Websockets servers available on the web, including Pusher, Nodejitsu, and Beaconpush. If you prefer, you could even set up your own Websockets server.
What can you create with the Websocket API and protocol? The next BrowserQuest? A better Rawkets? Show the world this month the May Dev Derby!
Submit your demo for the May Dev Derby today!
A summary of the rules can be found below. For a complete look at the terms of the contest please see the Dev Derby Contest Official Rules.
- Almost anyone can enter (see the rules for exceptions).
- There will be a new contest every month.
- Your entry must meet certain criteria; see the rules for the overall criteria and the Current Challenge section for any special criteria for each contest.
- Each contest runs from the first day of the month to the last day of the month (based on US Pacific time).
- Entries will be judged by a panel of qualified reviewers, who may or may not take into account how many “likes” your entry receives.
- The winners of each month's contest will be announced by the 20th of the following month.
- You can't win more than once in the same calendar year.
- Please read the Dev Derby Contest Official Rules before submitting your entry.
Entries will be reviewed by a panel of qualified judges, including members of the Mozilla team and outside experts. We will rate the demos across 4 dimensions:
- Technology – Does the demo showcase the power of open Web technologies?
- Originality – How innovative and unique is the demo?
- Aesthetics – How good is the visual design and interaction experience?
- Practicality – How useful is this demo in enhancing the Web today?
The judges will use all four dimensions in scoring each entry, and any additional criteria specified for a particular contest.
The judges may also take into account how many “likes” the entries have received from the community. So make sure to share your demo with others and encourage them to visit Dev Derby to “vote.”
Senior Director Technical Communication, Kaazing
Peter lives and breathes HTML5. Even his car has the California "HTML5" license plate. Peter is the co-author of Pro HTML5 Programming (Apress, 2011) and the co-founder of the San Francisco HTML5 User Group, the largest HTML5 User Group in the world. Peter frequently speaks at web events and teaches cutting-edge HTML5 training courses all over the world. Peter oversees all aspects of documentation and training at Kaazing, a start-up company specialized in building a high-performance HTML5 WebSocket platform that revolutionizes web communication and the first company to offer HTML5 training worldwide.
Technical Evangelist at Mozilla
MasterChef of code and cookies
Short, ginger, British. Built a few things: jsbin.com, html5demos.com, remote-tilt.com, responsivepx.com, nodemon, inliner.leftlogic.com, jqueryfordesigners.com, mit-license.org, snapbird.org, jsconsole.com. Runs a conference, wrote half a book.
Principal Evangelist at Mozilla
Chris Heilmann is the principal evangelist for Mozilla and has been blogging on web technologies for the last 6 years. Before Mozilla he was part of the Yahoo Developer Network and before that he spent several years developing large web sites and apps. Originally Chris was a radio journalist and newscaster. Chris lives in England but travels most of the time. His blog mostly contains his presentations, code examples about upcoming technologies and tips and tricks on web development of all kinds.
Web Developer, Retro-gamer
Mike Davies is a Senior Web Developer at LOVEFiLM based in West London. He has over 10 years of commercial web development experience, including a stint at Yahoo! Europe. One of his notable career achievements was his lead-developer role for Legal & General's 2005 commercially successful accessibility redesign. Mike is passionate about high-quality web development, and Lords of Midnight on the ZX Spectrum. He also worries about online privacy.
YUI Engineer at Yahoo!
Jeff Malkin is a fearless entrepreneur with a proven track record in growing technology startups in the Internet and mobile sectors. Jeff has guided Encoding.com, a Gartner “Cool Vendor 2011,” to its position as the world's largest video encoding service for web and mobile video, with over 2,000 clients and more than 10 million encodes. Jeff was recently named a Streaming Media All Star for 2011.
Web Opener at Opera, Open Web Vigilante
Divya Manian is a Web Opener for Opera Software in Seattle. She made the jump from developing device drivers for Motorola phones to designing websites and has not looked back since. She takes her duties as an Open Web vigilante seriously which has resulted in collaborative projects such as HTML5 Readiness and HTML5 Boilerplate.
Web designer, author
Ethan Marcotte is a web designer & developer who cares deeply about beautiful design, elegant code, and the intersection of the two. Over the years, Ethan has enjoyed working with such clients as the Sundance Film Festival, Stanford University, New York Magazine and The Today Show. He swears profusely on Twitter, and would like to be an unstoppable robot ninja when he grows up. His most recent book is Responsive Web Design.
Web developer, Co-founder of Fresset Ltd.
Developer, GitHub co-founder
Chris Wanstrath lives in San Francisco and co-founded GitHub. He likes HTML, guitars, and coffee.
Front-end developer at Twitter
Ben Ward is a front-end developer on Twitter's Platform team. He works on products that put Twitter into other contexts all around the web and in applications. Ben cares a great deal about building on robust content with progressive enhancement and designing for failure. He's written at length about and in awe of the linkable, resource-based architecture of the web. He's also a semantics nerd, administrating and editing specifications at microformats.org.
The HTML5 audio element lets you embed sound in webpages without requiring your users to rely on plug-ins.
CSS 3D Transforms extends CSS Transforms to allow elements rendered by CSS to be transformed in three-dimensional space.
Touch Events help you make websites and applications more engaging by responding appropriately when users interact with touch screens.
Orientation features in HTML5 access the motion and orientation data of devices with accelerometers.
IndexedDB lets web applications store significant amounts of structured data locally, for faster access, online or offline.
CSS Media Queries allow Web developers to create responsive Web designs, tailoring the user experience for a range of screen sizes, including desktops, tablets, and mobiles.
With Geolocation, you can get the user's physical location (with permission) and use it to enhance the browsing experience or enable advanced location-aware features.
The History API in modern browsers enables live changes to the document without breaking the back button and allows apps to be bookmarked.
The HTML5 <video> element lets you embed and control video media directly in web pages, without resorting to plug-ins.
Fold divs like paper