1. MDN hack day tomorrow in the #mozldn space in London, England

    We cleared the aftermath of yesterday’s epic Geek Quiz (photo proof here) but there is no rest for the wicked in the London Mozilla Space. Tomorrow (yes, that day after this one) we’ll run an MDN hack day here in 101 St. Martin’s Lane, London (5 minute footwalk from Leicester Square or 10 from Charing Cross).

    If you have no idea what hack day in MDN means, check out Tristan Nitot’s introductory post.

    MDN hack day

    There are still tickets available, so go to http://mdn-hackday-london.eventbrite.com/ and sign up if you haven’t yet.

    There’ll be food (well, Pizza, we thought Fondue would be too much of a mess) and drink (the non-fermented and fermented kind, we don’t discriminate), lots of experts from Mozilla to pester about your wishes for our products and to learn all about what we are doing in London, a few Boot to Gecko phones to play with and quite a few talks to give you inspiration to hack:

    Schedule (subject to change slightly but you get the idea of who is speaking):

    8:30 Registration & Light Breakfast
    9:00 Welcome Remarks Christian Heilmann
    9:15 Christian Heilmann – The New Web Challenge
    9:45 Rob Hawkes – B2G
    10:15 Chloe Varelidi – Catch Them Young – Meet the Web Arcade
    10:45 Brad Lassey – Fennec Goes Native
    11:15 Break
    11:30 Heather Arthur – Firefox DevTools
    12:00 Jean Yves Perrier – BrowserID
    12:30 Rob Hawkes – Games
    1:00 Paul Lewis – WebGL Live Demos
    1:30 Lunch (Lightening Talk/Discussion Group Sign Up)
    2:30 Hacking
    5:15 Presentations and Lightning Talks
    5:30 Refreshments

    The hashtag to use is #mdnhackday, the wireless is open, the Fox is out there, let’s do this!

  2. April Dev Derby: Show us what you can do with HTML5 audio

    The April Dev Derby is officially underway. A monthly contest hosted by the Mozilla Developer Network, the Dev Derby gives web developers of all levels of experience the chance to push the web forward, learn about new web technologies, and compete for fame, glory, and prizes.

    This month, we’re excited to see what you can do with HTML5 audio. HTML5 audio allows you to embed sound in web pages without forcing users to rely on plug-ins. In particular, this allows you to play sounds in games with very low latency, making for a responsive, immersive game experience.

    Don’t know much about HTML5 audio? That’s okay. Many Derby competitors (even winners) tell me that learning is the best benefit of participating. Thankfully, we have you covered with all the educational material you need. Check out our documentation on the <audio> element, tips for using HTML5 audio, and this blog post from fellow Mozillian Robert O’Callahan about using audio in HTML5 games.

    And don’t forget about the prizes…

    • First place: An Android mobile device from Motorola or Samsung and an article featuring your work here on Mozilla Hacks.
    • Second place: A hand-crafted laptop messenger bag from Rickshaw.
    • Third place: A limited edition MDN t-shirt to show off your geek cred.

    While you’re on the site, you might notice that an entry has already been submitted. Want to get a head start like this person did? We are also accepting entries related to the Websocket API (May Derby) and WebGL (June Derby).

    Good luck and have fun!

  3. Announcing the February Dev Derby Winners

    Touch events help you make websites and applications more engaging by responding appropriately when users interact with touch screens. A user touching a screen is very different from a user clicking a mouse button, so special care must be taken to ensure that touch-enabled Web applications respond to touch screen interactions in ways that users expect.

    Last month, creative developers from around the web competed in the Touch Events Dev Derby to show off just how powerful touch events are. We had some really great entries (many so much fun I could barely stop playing with them). Our expert judgesRemy Sharp, Chris Coyier, and Chris Heilmann—looked over the entries and are proud to announce three winners and a runner-up. Please join us in congratulating these outstanding contributors!

    1st: Pinch That Frog! by Danny.D
    2nd:
    Kite Flying by ltch
    3rd: The Face Builder by boblemarin

    Runner up:
    Twistron by seva

    But let’s not forget about everyone else who submitted to this Derby. Each and every one of these people is pushing the web forward and deserves a huge amount of praise for doing so.

    Want to see your name here next month? We are now accepting demos related to CSS 3D Transforms (March), HTML5 audio (April), and Websockets (May). Get an early start by submitting today!

  4. Announcing the January Dev Derby Winners

    HTML5 orientation allows web developers to read the motion and orientation data of devices to create more engaging and more interactive web experiences.

    Recently, creative developers from around the world demonstrated just how powerful orientation can be in the January Dev Derby. After careful consideration, our three new judges—Remy Sharp, Chris Coyier, and Chris Heilmann—are proud to announce that they have decided on three winners and two runners-up. Please join us in congratulating these contributors!

    First Place: Help UFO by michal.b
    Second Place:
    Pinball Maze by CarsonMcDonald
    Third Place:
    Orientation Tetris by nestoralvaro

    Runners Up
    Exploration by seva
    Street Orientation by nestoralvaro

    And let’s not forget about our other exceptional contributors. Each and every one of these participants is is pushing the web forward and deserves a great deal of praise as a result.

    Want to see your name here next month? We are now accepting demos related to CSS 3D Transforms (March), HTML5 audio (April), and Websockets (May). Get an early start by submitting today!

  5. Interview: Marco Castelluccio, IndexedDB Dev Derby winner

    Marco Castelluccio

    Marco Castelluccio

    Marco Castelluccio accomplished a first last month when he won both first and second place in the IndexedDB Dev Derby for his entries eLibri and FileSystemDB. But that’s not all Marco has done to help push the Web forward. In just the last few months, Marco has submitted five great demos to the Dev Derby and Demo Stuido, showing the world what’s possible with geolocation, canvas, and more.

    Last week, I had the opportunity to learn more about Marco and his work. In our discussion, Marco shared insights from his past, thoughts on the open Web, and hopes for the future.

    Tell us about developing eLibri and FileSystemDB. Was anything especially exciting, challenging, or rewarding?

    I started creating demos for the Dev Derby contents mainly for educational purposes. They gave me the opportunity to learn the new APIs. In the case of the December Dev Derby, I learned a lot about IndexedDB (and FileSystemDB is probably the best proof). I think IndexedDB is a really powerful API that is, in my opinion, a bit ignored by developers (maybe because there are some differences across browser implementations). I think it is a great API because it gives the developer the opportunity to save any type of data and retrieve it seamlessly, better than a file system can. I was really impressed by its possibilities, especially when I saw eLibri really working! (I didn’t realize you could save and retrieve a PDF file so simply, without any problems!)

    How did you become interested in hacking?

    Playing games! I just needed to understand how they worked, so I became interested in computer science. At the beginning I was really interested in the low-level aspects of computer science like operating system development, since the operating system is the framework and manager of all other applications. Moving forward, I think the framework will be the browser. The browser will serve the purpose that operating systems have until now, except that the new applications will be usable by everyone, on every device, on every platform.

    What makes the Web an exciting platform for you?

    The standards. With standards you can create applications that work on every device, desktop and mobile. The situation is a bit chaotic in several areas, but in the near future we will hopefully see a lot of incredible Web applications (for example LibreOffice, or, why not, performance intensive games).

    What up-and-coming Web technologies are you most excited about?

    The most exciting technology, in my opinion, is WebRTC. I see a lot of possibilities with it, like P2P communication in the browser. I’m also really excited about the new WebAPIs developed by Mozilla (camera, vibration, etc.). I’m starting to develop applications for mobile devices and I want to make them work, without rewriting, on every platform (not only because I’m an idealist, but also for money!).

    If you could change one thing about the Web, what would it be?

    I would like the newest Web APIs to be supported on every browser without implementation differences and vendor prefixes, so that developers can easily create cross-platform applications. I’d like to see a Web without companies that try to steal your information without your consent.

    What advice would you give to aspiring hackers?

    I’m not an expert, but my advice is to start contributing to open source projects. Doing so gives you the really great opportunity to learn about serious development, to do real work, and to help people (both users and other developers). And, in the case of Mozilla, you can talk with really expert people that are very glad to help you! And you can do all different kinds of experiments in an area that is still evolving.

    You mentioned that you have some “beautiful ideas” for future demos. Care to give us a teaser?

    I have some ideas for demos using the Orientation API (sadly I couldn’t develop them before, because Firefox wasn’t usable on ARMv6, though I hope that will get better soon). I think developers can do great things with the Orientation API, like creating games that you can play in real life (I’m developing a Pong game and other games that you can play while running) and using new forms of input (for example, a remote controller like the WiiMote, WebSockets, or WebBluetooth when it becomes available). I also have in mind other demos related to audio.

    Is there anything else you would like to share?

    I’m really excited about Mozilla’s new project, B2G. It opens a whole new range of possibilities for developers and could help people get their freedom back. I hope I’ll manage to help this project in the near future.

  6. March Dev Derby: Show us what you can do with CSS 3D transforms

    The March Dev Derby begins today! A monthly contest hosted by the Mozilla Developer Network, the Dev Derby allows creative web developers to push the web forward and compete for fame, glory, and prizes too.

    This month, we want to see what you can do with CSS 3D transforms. New to the topic? That’s okay. We have a great article on CSS 3D transforms over on the MDN that should help you get started. Additionally, Mozilla principal evangelist Chris Heilmann has contributed three great resources on the topic: an article on getting started, an article on progressively enhanced rollovers, and a screencast on rollovers. With all this great documentation, you’ll be an expert in no time.

    The Prizes

    • First place: An Android mobile device from Motorola or Samsung and an article featuring your work here on Mozilla Hacks.
    • Second place: A hand-crafted laptop messenger bag from Rickshaw.
    • Third place: A limited edition MDN t-shirt to show off your geek cred.

    You might have noticed that the March Derby already has three entries. Want to get a head start like these people did? We are also accepting entries related to HTML5 audio (April Derby) and the Websocket API (May Derby). Submit today!

  7. Accepting February Dev Derby entries for one extra day

    Wait a minute, there are how many days in February?

    Looks like leap day got the best of us. Earlier today, we ended the February Dev Derby prematurely, making it impossible for some of you to submit those last-minute demos for a couple of hours.

    To make up for this oversight, we will accept February Dev Derby submissions for one extra day. Please submit your entry before March 1 at 11:59:59 p.m. PT for them to be counted.

    Want to get a head start on an upcoming Derby? We are now accepting entries related to CSS 3D Transforms (March) and HTML5 audio (April). Submit today!

  8. Announcing the December Dev Derby Winners

    IndexedDB lets web applications store structured data for fast online and offline use. Data can be stored using key-value pairs, and values do not need to be serialized (as they do with document-oriented databases) or coerced into a relational structure (as with relational databases).

    Recently, creative developers from around the world demonstrated just how powerful IndexedDB can be in the December Dev Derby. Please join us in congratulating the top three demos as chosen by our judges.

    1st Place: eLibri by mar.castelluccio
    2nd Place: FileSystemDB by mar.castelluccio
    3rd Place: IndexedDB Editor by twolfson

    Runners up:
    Vurkout Buddy by wcheung
    Locate It IndexedDB by nestoralvaro

    Congratulations to our winners and to everyone who submitted to the December Dev Derby.

    Do you want to see your name here next month? We are now accepting demos related to Touch Events (February), CSS 3D Transforms (March), and HTML5 audio (April). Get an early start by submitting today!