Syndicate content
hacks.mozilla.org
Updated: 12 hours 50 min ago

What Mozilla Hacks is

Wed, 2014-04-23 08:43

With the Mozilla moniker, many people believe that the Hacks blog is only about Mozilla products or news. Therefore, I wanted to take the chance to enlighten you and also invite you to be a part of creating content here.

What we cover here

The goal and objective of Mozilla Hacks is to be one of the key resources for people developing for the Open Web; talking about both news and in-depth descriptions of technologies and features. This means that as long as it’s about open technologies, we want to share all that information, tips, tricks and learnings with you.

Read more
Categories: Browser news

Firefox OS App Workshop Prague

Mon, 2014-04-21 17:59

Back in March, Mozilla tech evangelist Frédéric Harper visited Prague in the Czech Republic and gave a talk at the local Prague JavaScript meetup. Read more

Categories: Browser news

HTML out of the Browser

Thu, 2014-04-17 08:39

Amongst my friends, I’m known as something of a Star Wars nerd. My longtime nick has been cfjedimaster (a combination of two passions, the other being ColdFusion), I work in a room packed to the gills with Star Wars toys, and I’ve actually gotten inked up twice now with Star Wars tats. That being said, it was another movie that had the most influence on my current career – Tron.

Read more
Categories: Browser news

Powerful tools for developing Web Apps

Tue, 2014-04-15 15:58

In the recent years, web development changed drastically. The emergence of the mobile web and the new form factor of smart phones created the demand for different solutions than the former desktop-only web.

Since then a lot of frameworks and tools have been created, with new ones being added almost weekly. Now, we web developers are faced with a different problem: for every development concern, there are multiple options to consider, without clear pros or cons. It is easy to feel intimidated not only by the choices available, but also by how similar those choices are.

Read more
Categories: Browser news

Introducing PredictionIO

Thu, 2014-04-10 12:38

PredictionIO is an open source machine learning server for software developers to create predictive features, such as personalization, recommendation and content discovery. Building a production-grade engine to predict users’ preferences and personalize content for them used to be time-consuming. Not anymore with PredictionIO’s latest v0.7 release.

Read more
Categories: Browser news

Measuring power consumption on phones

Tue, 2014-04-08 09:12

While learning about and measuring what happens on phones, we’re learned a great deal around power consumption. Therefore we want to share some learnings and what have resulted in the FxOS Powertool!

Introducing the FxOS Powertool!

With the FxOS Powertool!, we can optimize apps for power consumption, but also verify and fix bugs related to that. It is a command line utility with a number of options:

Read more
Categories: Browser news

Coordinate Conversion Made Easy – the power of GeometryUtils

Thu, 2014-04-03 13:14

In a previous post we introduced the GeometryUtils interface and the getBoxQuads() API for retrieving the CSS box geometry of a DOM node. GeometryUtils also takes care of another important problem: converting coordinates reliably from one DOM node to another. Read more

Categories: Browser news

Rormix – Discover Emerging Music Videos with Firefox OS

Wed, 2014-04-02 12:54

Rormix is a platform for discovering emerging music videos. Music videos are tagged by genre and similar commercial artists, making it easy to discover new music videos.

The Rormix app was made using PhoneGap and released on iOS and Android. Development took just over a month from the first line of code, to the app submissions in the app stores. The Firefox OS port took one developer just one day!

Read more
Categories: Browser news

Inside the Party Bus: Building a Web App with Multiple Live Video Streams + Interactive Graphics

Tue, 2014-04-01 07:17

Gearcloud Labs is exploring the use of open technologies to build new kinds of shared video experiences. Party Bus is a demo app that mixes multiple live video streams together with interactive graphics and synchronized audio. We built it using a combination of node.js, WebSockets, WebRTC, WebGL, and Web Audio. This article shares a few things we learned along the way.

Read more
Categories: Browser news

Introducing the getBoxQuads API

Thu, 2014-03-27 09:47

Web developers often need to determine where an element has been placed in the page, or more generally, where it is relative to another element. Existing APIs for doing this have significant limitations. Read more

Categories: Browser news

Building a persistent Notes app for Firefox OS

Wed, 2014-03-26 13:39

In this tutorial we will be building a notes app (like Evernote) from scratch and deploy it to Firefox OS! See a live demo.

A persistent notes app needs a place to store all the notes for a user (so no one else can read it). For this we will use my own backend solution called Sproute. Sproute is a hosted web framework for quickly building dynamic webapps.

Read more
Categories: Browser news

Box model highlighter, Web Console improvements, Firefox OS HUD + more – Firefox Developer Tools Episode 30

Tue, 2014-03-25 16:04

Firefox 30 was just uplifted to the Aurora release channel, so let’s take a look at the most important DevTools changes in this release.

Inspector

One of our most requested features has been to highlight box model regions of elements on the page. We are happy to report that this feature has landed in Firefox 30. One of the great things is that the colors of the box model highlighter match the box model diagram found in the right pane of the inspector more clearly than before.

Read more
Categories: Browser news

It’s a wrap! “App Basics for FirefoxOS” is out and ready to get you started

Mon, 2014-03-24 09:17

A week ago we announced a series of video tutorials around creating HTML5 apps for Firefox OS. Now we released all the videos and you can watch the series in one go.

wrap
Photo by Olliver Hallmann

Read more
Categories: Browser news

Better integration for open web apps on Android

Thu, 2014-03-20 17:55

Up until now, developing web apps on mobile has been a little tricky.

After spending the time developing your app, getting your users to install it is difficult, especially when the concept of “installing a web app” is not very well defined.

The most popular method is synonymous with adding a shortcut to the homescreen. This is problematic on a number of fronts, not least because the management of web apps – especially around launching, switching between and uninstalling web apps – differs significantly from that of native apps.

Read more
Categories: Browser news

jsDelivr – The advanced open source public CDN

Wed, 2014-03-19 14:24

This is a guest post by Dmitriy Akulov and his project jsDelivr. – Editor’s note.

As a developer you are probably aware of Google Hosted Libraries. Google offers an easy and fast way to include 12 of the most popular js libraries in your websites.

But what if you are a webmaster and you want take advantage of a fast CDN with other less popular projects too? Or if you are a developer and you want to make your project easier to access and use by other users.

Read more
Categories: Browser news

Introducing the Canvas Debugger in Firefox Developer Tools

Tue, 2014-03-18 18:02

The Canvas Debugger is a new tool we’ll be demoing at the Game Developers Conference in San Francisco. It’s a tool for debugging animation frames rendered on a Canvas element. Whether you’re creating a visualization, animation or debugging a game, this tool will help you understand and optimize your animation loop. It will let you debug either a WebGL or 2D Canvas context.

Read more
Categories: Browser news

Flambe Provides Support For Firefox OS

Mon, 2014-03-17 15:18

Flambe is a performant cross-platform open source game engine based on the Haxe programming language. Games are compiled to HTML5 or Flash and can be optimized for desktop or mobile browsers. The HTML5 Renderer uses WebGL, but provides fallback to the Canvas tag and functions nicely even on low-end phones. Read more

Categories: Browser news

App basics for Firefox OS – a screencast series to get you started

Thu, 2014-03-13 09:14

Over the next few days we’ll release a series of screencasts explaining how to start your first Open Web App and develop for Firefox OS.

Firefox OS - Intro and hello

Read more
Categories: Browser news

Audio Tags: Web Components + Web Audio = ♥

Wed, 2014-03-12 17:29

Article written by Soledad Penadés, edited by Angelina Fabbro.

Last week we released Brick 1.0, our carefully curated set of web components for rapid development. Using components makes it very easy to use and integrate these UI widgets with existing code and frameworks.

Read more
Categories: Browser news

Create Add-ons for Australis to Win a Firefox OS Phone

Tue, 2014-03-11 19:01

Firefox 29 (“Australis”) includes significant design and customization improvements, and we’re challenging you to create add-ons that look and feel great in it.

Read more
Categories: Browser news