Originally from etherpad
The Web Audio Editor in Firefox Developer Tools is still a work in progress. A lot of love is needed in its current state, and once the basic features are working, here are some dream features, and future planning.
Originally from etherpad
The Web Audio Editor in Firefox Developer Tools is still a work in progress. A lot of love is needed in its current state, and once the basic features are working, here are some dream features, and future planning.
When I talk to people about tools for web development they say things like: "we have some old backbone stuff, did a few projects in Angular and Jerry wants to re-write everything in something called Ohm or Elm or Bazinga.js. We hate SASS, but we use it because we hate CSS more. We looked at gulp but we have too much magic in our Grunt files to convert! And I hate all debuggers because the framework we use has it's own ideas of what objects are. The tools are no help!"
What if you could create your own tools, and it was as simple as writing a web app using the tools and frameworks you're already using?
This talk is a dive-in session on how I wrote my own Firefox developer tools extension called ‘Rooibos’ to run my unit tests automatically for me. The use case for Rooibos is simple: I’m looking at the site I’m working on and I want to run my tests and see what failed. Without switching to another app or anything. Turns out, it’s pretty easy these days to extend browsers to help w
#!/usr/bin/env node | |
var util = require('util'), | |
fs = require('fs'), | |
path = require('path'), | |
http = require('http'), | |
_ = require('lodash'), | |
url = require('url'); | |
var DEBUG = false, |
#!/bin/bash | |
NAME=`cat ./package.json| pkg_tool.js name`.xpi | |
URL="http://127.0.0.1:8888/" | |
# echo $URL | |
cfx xpi && wget --post-file=$NAME $URL |
#!/bin/bash | |
_PWD=`pwd` | |
mkdir -p "$_PWD/$1" && cd "$_PWD/$1" && jetpack init | |
echo "" > lib/main.js && echo "" > doc/main.md && echo "" > test/test-main.js && echo "" > ./README.md |
Guess who's back? No, this isn't the [eighth track][rakim-guess-whos-back] from [hip-hop legend Rakim's first solo album][rakim-18th-letter], it's another episode of New Features in Firefox Developer Tools! Firefox 25 was just uplifted to the [Aurora release channel][aurora]; included were a bunch of developer tools bug fixes and improvements. This is a summary of some of the most exciting new features, you can also take a look at the [complete list of resolved bugzilla tickets][complete-bug-list].
The Web Console was the first new developer tool added to Firefox 4, and the team has continued improving it in each release since. With Firefox 24 entering beta, we thought it would be a good time to highlight the features available in the Web Console and introduce its new cousin, the Browser Console.
The Browser Console replaces the venerable Error Console. To open it, hit the familiar Ctrl+Shift+J key-binding ( Command+Shift+J on OS X ):
Colons can be used to align columns.
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.
Hi | |
As you might already know, Firefox 20 makes a major change in the | |
way that private browsing is implemented, and this change inevitably affects | |
add-ons that use it. | |
Add-ons that use private browsing must be repacked with SDK 1.14 | |
if they are to run on Firefox 20, and need code updates if they | |
want to be active in private windows. |
<?xml version="1.0" encoding="utf-8"?><!-- This Source Code Form is subject to the terms of the Mozilla Public | |
- License, v. 2.0. If a copy of the MPL was not distributed with this | |
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --><RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> | |
<Description about="urn:mozilla:install-manifest"> | |
<em:id>REPLACE-THIS@jetpack</em:id> | |
<em:version>0.1</em:version> | |
<em:type>2</em:type> | |
<em:bootstrap>true</em:bootstrap> | |
<em:unpack>false</em:unpack> |