Mozilla to Test Firefox Better Web Service

The main idea of ​​the project is a paid subscription to finance the creation of content, which allows website owners stop showing ads
25 March 2020   181

As part of the Test Pilot program, Mozilla invited Firefox users to test the new Firefox Better Web with Scroll service, which is experimenting with alternative types of site financing. Testing is available only to users of desktop versions of Firefox from the United States. A single Firefox account, also used for synchronization, is used to connect. To participate, you must install a special add-on in Firefox.

The main idea of ​​the project is to use a paid subscription to the service to finance the creation of content, which allows website owners to do without showing ads. The service is organized in conjunction with the Scroll project, developing a model similar to that implemented in the Brave browser - the user pays for a subscription to the service ($ 2.49 per month) and has the ability to view sites that have joined the Scroll initiative without advertising inserts. At least 40% of the funds received from users is distributed between the owners of partner sites, in a proportion corresponding to the time spent by users subscribed to the service on each site (data on how much time is spent on sites Scroll service collects using JavaScript code placed on partner sites).

Get more info at the official blog.

Frontend News Digest 21 - 27.03

Embrace modern image formats, how to indicate scroll postion on page with CSS, integrate TypeScript with GraphQL and more
27 March 2020   454

Greetings! I hope your week went great! Here's new frontend technologies news digest.

Learn how to use the currentColor value in CSS, how to debug a child process in Node and Gatsby.js with Chrome, how to Debug a Node.js Application: Tips, Tricks and Tools and other cool, useful and demanded things, related to all parts of frontend development.

Guides

  • Embracing modern image formats

Learn how modern images formats and <picture> element can reduce image sizes

  • How to use the currentColor value in CSS

A tutorial on a basic CSS feature, great for newbies

  • Indicating Scroll Position on a Page With CSS

This guide will teach you how to indicate scroll position, using only CSS

  • How to debug a child process in Node and Gatsby.js with Chrome

Learn how to patch `jest-worker`package used by Gatsby.js and by patching enable child process debugging using Chrome Dev Tools in this tutorial

  • Integrating TypeScript with GraphQL

Learn how to integrade TypeScript with GraphQL

  • How to Debug a Node.js Application: Tips, Tricks and Tools

Massive tutorial on Node app debugging, with some tips, that can be useful even for skilled developers

Articles

  • Full Third-Party Cookie Blocking and More (in Safari)

Safari’s Intelligent Tracking, has been in beta for some time, introduces significant privacy changes, including cross-site cookies now being blocked by default

Video

  • The Complete AEA DC 2019 Now Online

Giant number of different interesting speeches from An Event Apart session, that was realeased special in a pack for you to stay home

Updates

  • uppload

JS image uploader with 30+ plugins 

  • Node-SQLite

SQLite client library for Node.js applications 

  • Backstage

Open platform for building developer portals