Firefox 4 is now available

Browsers, Firefox, Mozilla, Software, things that are awesome, Web, Web - the Industry, Web Development, Work No Comments

Firefox Download Button

Launch days are great, great days. Official announcement here.

A Damn Good Day to be a Mozillian…

Browsers, Firefox, Innovation, Internet, Mozilla, Mozilla Labs, Open Source, things that are awesome, Web, Web Development, Work 4 Comments

Skimming back through my Twitter stream, it turns out that yesterday was a pretty great day in the ol’ salt mine. Sometimes when you’re right in the thick of it, it’s hard to really notice all the awesome that’s going on around here, so here’s a quick roundup of some of it.

Zarro Boogs!

We hit zero blocking bugs for Firefox 4. This is a pretty big deal for anyone and everyone who has been working on this release, and means we’ll be rolling out a release candidate Very Very Soon…

Demos!

We launched a demo site that includes this fully interactive HTML5 poster (grab a copy of the latest Firefox 4 beta to get the full effect). I’m biased, obviously, but this is one of the coolest things I’ve seen on the Web in a hell of a long time…

Web Apps!

We announced the availability of the first developer integration release of our Open Web Apps project (along with a neat video that explains what the heck we’re actually talking about when talk about “web apps”). ReadWriteWeb says that we make “a better case for web apps in minutes than Google did in months,” so if you’re still not sure what Web Apps are all about, you chould check out the post over on the Labs blog.

If you’re a web developer, there’s also a bunch of documentation over on the Mozilla Developer Network, and a gallery of apps that people have already built.

The best part? We’re just getting warmed up. 2011 is going to be a ridiculously amazing year.

Best Web demos?

Internet, Mozilla, Web, Web Development, Work 18 Comments

The Mozilla Evangelism team is looking for the best Web demos we can find. We’re putting together a collection of these to show what today’s Web is truly capable of — from offline Web application support through text animation using canvas and more. If you have or know of a demo that really shines as an example of modern Web capabilities, please leave a comment and a link. Thanks!

Update: Bonus points for demos that show off the new content-related features of Firefox 3.

The Return of Flash

Games, Internet, Web Development, Work No Comments

Interesting article from BusinessWeek about the “return” (not sure where it went) of Flash and the growing popularity of Web games: Flash is Back.

“Well, damn, people. There’s work to be done.”

General, Mozilla, Web, Web - the Industry, Web Development, Work No Comments

Who is Mozilla? You are Mozilla.

Coolest shopping cart ever

Innovation, Web Development 2 Comments

Every once in a while I stumble across some random bit of a web application that honestly causes me “surprise and delight”. Today was one of those days, and the thing in question is the shopping cart at the Panic.com Apparel store.

The concept is basic, simple, and brilliant — create a shelf at the bottom of the page to which the user can simply drag the items she wants. If she makes a mistake, simply drag the items off. When finished, there’s a nice obvious “Check out” button. It works extremely well, and they’ve gone so far as to add size bubbles to the items in your cart so it’s easy to check that you’ve selected the correct sizes. Very nicely done.

Here are some screenshots. First is the clear shelf:

Clear shelf

This is dragging an item on to the shelf (you can’t see it, but my mouse pointer was over the little transparent t-shirt):

Dragging a shirt

The last is dragging an item off the shelf — instead of just disappearing, it actually vanishes in a poof of smoke (exactly like the OSX dock, if you were wondering). Again, my mouse pointer was in the middle of the little poof of smoke there but my screencap cleared it:

Poof

Anyhow, kudos to the panic.com designers. I really like your shopping cart.

Feed Me, Seymour

General, Web Development, Work 6 Comments

Lookin’ for a snazzy new icon for linking your web feeds? Look no further than FeedIcons.com. This industrious soul has taken the time to generate a whole raft of variants on the ubiquitous orange feed icon (size and background colour changes, primarily). Nice stuff.

big feed icon

Update: Note! I believe this icon was originally done by Stephen Horlander (according to the one person I asked who seemed to know). Can anyone verify this? Whoever designed it should get some public props for being awesome.

Update2: Steven Garrity has helpfully pointed to a weblog post by Kevin Gerich that discusses the origins of this icon.

Another neat Canvas demo

Web Development, Work No Comments

Check out Rafael Robayna’s Canvas Painter page. Requires Firefox 1.5, of course. For more information about Canvas and how to use it, hit the Canvas category over at the Mozilla Developer Center.

More Web Developer extensions for Firefox 1.5

Firefox, Web Development, Work 2 Comments

Building on yesterday’s list, I’ve found (through reader recommendations) six more web developer extensions that have been updated for Firefox 1.5. The caveat, however, is that I’ve only personally tested one of them (ColorZilla). Descriptions below are taken more-or-less directly from the extensions’ pages.

ColorZilla
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. And there’s more…

Console2
Console2 lets you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content). Furthermore it provides a simple search box (as seen in the History and Bookmarks sidebars) and some accessibility improvements.

IETab
This extension embeds Internet Explorer in tabs of Mozilla/Firefox, letting you see how a page is displayed in IE with a single click.

LiveHTTPHeaders
This extension makes information about HTTP headers available in three ways: by adding a “Headers” tab in the “View Page Info” dialog; by adding an item to the “Tools > Web Development” menu that displays HTTP headers in real time; and by allowing you to request headers and “replay” a URL (beta functionality).

User Agent Switcher
Adds a menu and a toolbar button to switch the user agent of the browser.

Quick Locale Switcher
Quickly change and apply a different general.useragent.locale preference from the tools menu.

Venkman for Firefox 1.5

Firefox, Web Development, Work 6 Comments

Someone asked about this in the comments on my previous post, so I thought I’d drop the link here. There is a version of Venkman that (apparently) works with Firefox 1.5. You can find it here. Caveat: I haven’t tested this myself, but other folks have said it works.

Update: mispaste on that URL. Should work now.

Icons by N.Design Studio. Designed By Ben Swift. Powered by WordPress and Free WordPress Themes
Entries RSS Comments RSS Log in