Search

Nalezeno "Mozilla": 182

Manipulating Pixels Using Canvas

7.6.2018
Modern browsers support playing video via the <video> element. Most browsers also have access to webcams via the MediaDevices.getUserMedia() API. But even with those two things combined, we can’t really access and manipulate those pixels directly. Fortunately, browsers have a Canvas...

console.logTime

7.6.2018
I work on a really complex debugger at Mozilla but, and don’t tell my colleagues, I sometimes enjoy simply using console.log and other console commands to get some simple output.  I know, I know, but hey — whatever gets the job done.  A few years ago I detailed console.time...

console.timeLog

7.6.2018
I work on a really complex debugger at Mozilla but, and don’t tell my colleagues, I sometimes enjoy simply using console.log and other console commands to get some simple output.  I know, I know, but hey — whatever gets the job done.  A few years ago I detailed console.time...

Animate Images and Videos with curtains.js

6.6.2018
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...

How to Delete Untracked Files in a Mercurial Repository

29.5.2018
Working around Firefox at Mozilla means that you need to get acquainted with mercurial, the version control system that rivals git and svn.  Like any tool, hg (mercurial) can be difficult until you’re well versed with it.  And if you hg import a URL that doesn’t match up with...

Service Worker Cookbook

25.5.2018
I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all. You can also check out our guide to making...

Responsive tables, revisited

16.5.2018
Lea Verou with some extra super fancy CSS trickery. No way we could miss linking this one up! One of the problems with responsive table solutions, at least the ones where you are using CSS to rejigger things, is that there is duplicated content somewhere. Either in CSS or HTML. Lea finds two ways...

Detect WebVR Support with JavaScript

16.5.2018
It’s been two years since I was heavily involved with WebVR at Mozilla but, despite not contributing every day, I can see VR making leaps and bounds, from Firefox making an increased effort to Chrome pushing VR and Oculus and HTC (Vive) improving their offerings.  Native games are getting...

Change Python Version

1.5.2018
Python plays a major role at Mozilla; much of our website backends and tooling are written in the powerful language.  Want to build Firefox?  You’ll need to make sure you have the proper Python version, which I recently found out had been upgraded. Despite installing and verifying I had...

Scroll to the Future

19.4.2018
This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property. My favorite part of all though?...

Creating Spacers with Flexbox

18.4.2018
I was one of the biggest fans of flexbox before it hit but, due to being shuffled around at Mozilla, I never had the chance to use it in any practice project; thus, flexbox still seems like a bit of a mystery to me.  This greatly pains me because I feel left out of the […] The post Creating...

Script & Style Show: Episode 6: Debugging with Jason Laster

7.4.2018
On this week’s episode: we welcome my colleague Jason Laster from Mozilla to speak about the Firefox DevTools debugger. We talk debugging, console shame, the future of JavaScript debuggers, and more! Have ideas for the next episode? Comment below! The post Script & Style Show: Episode...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace