↧
Creating thumbnails with drag and drop and HTML5 canvas
HTML5 Canvas is a very cool feature. Seemingly just an opportunity to paint inside the browser with a very low-level API you can use it to heavily convert and change image and video content in the...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game...
It’s time for some gaming action with a new HTML5 game demo: BrowserQuest, a massively multiplayer adventure game created by Little Workshop (@glecollinet & @whatthefranck) and Mozilla. Play the...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
WebRTC efforts underway at Mozilla!
Last week, a small team from Mozilla attended IETF 83 in Paris, and we showed an early demo of a simple video call between two BrowserID-authenticated parties in a special build of Firefox with WebRTC...
View ArticleThe Web Developer Toolbox: ThreeJS
This is the second of a series of articles dedicated to the useful libraries that all web developers should have in their toolbox. The intent is to show you what those libraries can do and help you to...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
getUserMedia is ready to roll!
We blogged about some of our WebRTC efforts back in April. Today we have an exciting update for you on that front: getUserMedia has landed on mozilla-central! This means you will be able to use the API...
View ArticleMozilla Hacks Weekly, September 20th 2012
Mozilla Hacks Weekly is the chance for us in Mozilla’s Developer Engagement team to share good links with you, which we do here every Thursday! Weekly links If there is anything you think we should...
View ArticleFirefox Development Highlights – Viewport percentage, canvas.toBlob() and WebRTC
To keep you updated on the latest features in Firefox, here is again a blog post highlighting the most recent changes. This is part of our Bleeding Edge series, and most examples only work in Firefox...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Comic Gen – a canvas-run comic generator
The first time I wanted to participate on Dev Derby was on the May 2012 challenge, where the rules were that you should use websockets. At that time I thought that I could use NodeJS and SocketIO. But...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Firefox Development Highlights – Per Window Private Browsing & Canvas'...
On a regular basis, we like to highlight the latest features in Firefox for developers, as part of our Bleeding Edge series, and most examples only work in Firefox Nightly (and could be subject to...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Koalas to the Max – a case study
One day I was browsing reddit when I came across this peculiar link posted on it: http://www.cesmes.fi/pallo.swf The game was addictive and I loved it but I found several design elements flawed. Why...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Building a simple paint game with HTML5 Canvas and Vanilla JavaScript
When the talk is about HTML5 Canvas you mostly hear about libraries to make it work for legacy browsers, performance tricks like off-screen Canvas and ways to draw and animate sprites and tiles. This...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Halloween artist
A while back, I made a little toy that simulates carving pumpkins. It was during that narrow window when the WebOS-running TouchPad was new and hot. Since then, web browsers have gown up a lot, and...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Introducing the Canvas Debugger in Firefox Developer Tools
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...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
How fast is PDF.js?
Hi, my name is Thorben and I work at Opera Software in Oslo, not at Mozilla. So, how did I end up writing for Mozilla Hacks? Maybe you know that there is no default PDF viewer in the Opera Browser,...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
PlayCanvas Goes Open Source
This is a guest post by Will Eastcott of the PlayCanvas engine. As outlined in What Mozilla Hacks is, we constantly cover interesting information about open source and the Open Web, both from external...
View ArticleCanvas 2D: New docs, Path2D objects, hit regions
Over the last year, a couple of new HTML Canvas 2D features were implemented in Firefox and other recent browsers, with the help of the Adobe Web platform team. Over on MDN, the documentation for...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
HTML 5 games: Tilemaps
I recently joined the Developer Relations team at Mozilla, and my current focus is to help to create content for MDN about HTML 5 game development. I’m very excited about this, since creating games is...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
WebGL Off the Main Thread
We’re happy to announce WebGL in Web Workers in Firefox 44+! Using the new OffscreenCanvas API you can now create a WebGL context off of the main thread. To follow along, you’ll need a copy of Firefox...
View ArticleOptimizing JavaScript Performance With Firefox Dev Tools
The Performance tool in Firefox Developer Tools offers a great way to diagnose slow-running JavaScript and provides insight into the general responsiveness and layout performance of your web site. In...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Getting lively with Firefox 90
Getting lively with Firefox 90 As the summer rolls around for those of us in the northern hemisphere, temperatures are high and unwinding with a cool ice tea is high on the agenda. Isn’t it lucky then...
View Article
More Pages to Explore .....