Recent Articles

  • Dweb: Building a Resilient Web with WebTorrent

    The web is healthy when the financial cost of self-expression isn’t a barrier. This installment of the Dweb series describes WebTorrent – an implementation of the BitTorrent protocol that runs in a web browser. It’s written completely in JavaScript – the language of the web – and uses WebRTC for true peer-to-peer transport. No browser plugin, extension, or installation is required. The distributed approach removes the cost of running centralized servers at data centers, allowing websites to scale sustainably.

  • MDN Changelog for July 2018: CDN tests, Goodbye Zones, and BCD

    Editor’s note: A changelog is “a log or record of all notable changes made to a project. [It] usually includes records of changes such as bug fixes, new features, etc.” Publishing a changelog is kind of a tradition in open source, and a long-time practice on the web. We thought readers of Hacks and folks […]

  • AV1 and the Video Wars of 2027

    This post imagines a dystopian future where only the rich can stream video to their homes, and the democratizing forces of the internet have crumbled under corruption and greed. The author reports back from a troubled future in the late 2020s that is wholly fictitious. The open video codec AV1 is wholly real.

  • Dweb: Social Feeds with Secure Scuttlebutt

    Scuttlebutt is a free and open source social network with unique offline-first and peer-to-peer properties. Mainstream closed platforms have become a more popular way of creating and consuming content than the Web. Instead of attempting to adapt existing Web technologies for the mobile social era, Scuttlebutt offers a new platform for discourse that lets us start from scratch in designing a decentralized social ecosystem.

  • Things Gateway 0.5 packed full of new features, including experimental smart assistant

    The Things Gateway from Mozilla lets you directly monitor and control your home over the web, without a middleman. The 0.5 release of the Things Gateway is packed full of new features including customizable devices, a more powerful rules engine, an interactive floor plan, and an experimental smart assistant you can talk to. It's a great way to build your own private smart home. Why not get started now?

  • Introducing the Dweb

    This is the first post in a series about the distributed/decentralized web, introducing projects that cover social communication, online identity, file sharing, new economic models, as well as high-level application platforms. All are decentralized or distributed, minimizing or entirely removing centralized control. You'll meet the people behind these projects, and learn about their values and goals, the technical architectures used, and see basic code examples of using the project or platform.

  • The Arch: Using Rust & WebAssembly to animate 30k colored LED lights

    In June, Mozilla collaborated with artist Ian Brill to create an installation called the “Arch” at JSConf EU in Berlin. This interactive environment allowed people to experience the intersection of art and technology in a physical, pulsating, immersive way. The environment also created an opportunity for JavaScripters and friends to create animations and experience the underlying capabilities of WebAssembly and Rust.

  • 9 Biggest Mistakes with CSS Grid

    CSS Grid is groundbreaking new technology for web design. In her newest Layout Land video, Jen Simmons explains the 9 Biggest Mistakes people are making as they adopt this new technology, with advice and tips for avoiding pitfalls and breaking old habits.

  • 360° Images on the Web, the Easy Way

    One of the most popular uses for VR today is 360° images and video. These are easy to discover and share online, and you don’t need to learn any new interactions to explore the 360° experience. But building 360° views is not as easy as exploring them. In this post, Josh shows you how to easily build a 3D tour using A-Frame and Glitch.

  • MDN Changelog for June 2018

    Our monthly changelog documents what happened in June to the code, data, and tools that support MDN Web Docs site. The team shipped 100+ HTML interactive examples in June. They additional shipped tweaks and fixes by merging 252 pull requests, including 32 pull requests from 26 new contributors. Finally, the team shipped Django 1.11 and laid the groundwork for a variety of performance enhancements that will roll out in July and beyond.

  • Dark Theme Darkening: Better Theming for Firefox Quantum

    A team of computer science students from Michigan State University's capstone program went to work on Firefox Quantum’s Theming API. Their goal: Expand upon the existing “lightweight” Theming API in Quantum to allow for more areas of customization. Themes had the ability to alter the appearance of the default toolbars, but did not have the ability to style menus, or customize auto-complete popups -- till now. The team also worked on adding a more fluid transition when dynamic themes change, to allow for a smoother user experience.

Browse All Articles →