Community Picks·4ySpeech Recognition with JavaScript
Speech recognition API was added to the specs and we got partial support on Chrome, Safari, Baidu, Android webview, iOS safari, samsung internet and Kaios browsers (see browser support in detail) The implementation I made currently supports English and Spanish just to showcase.
Community Picks·4yHow browsers work
How browsers work Behind the scenes of modern web browsers. Tali Garsiel's primer on the internal operations of WebKit and Gecko. Chrome, Firefox and Safari make up around 71% of global desktop browser usage. Android Browser, iPhone and Chrome constitute around 54% of usage.
web.dev·4yCSS border animations
There are a few methods available to set a border on an element: border, outline, and box-shadow. Each approach comes with its own advantages and disadvantages, especially when it comes to animating the borders. The main reason to not use a proper CSS border is for animation purposes. The border-image does not follow the border-radius. does not following the border radius.
TechCrunch·4ySigmaOS raises $4 million to build a browser for productivity nerds
London-based startup SigmaOS is building a Mac browser for productivity nerds. The company has raised $4 million in seed funding led by LocalGlobe and participation from Y Combinator, 7percent Ventures, Moonfire Ventures, Shine VC, TrueSight Ventures, Pioneer Fund, and Venture Together.
DEV·4yWhat do you think of my HTML5 game?
The rules of the game are pretty simple but it does get a little challenging after the first few levels. It was super-fun to design and implement this game (not so fun though hacking around quirks of iOS Safari) Let me know what you folks think. Happy to answer any question if you have.
Hacker News·4yMozilla claims Apple, Google and Microsoft force users to use default web browsers
Mozilla claims Apple, Google and Microsoft force users to use default web browsers. UK's competition watchdog has published a final report highlighting "substantial concerns" about the market dominance of Google and Apple. Mozilla's report accuses the big tech firms of a wide variety of different instances of malpractice.
DigitalOcean Community·4yHow To Run End-to-End Tests Using Playwright and Docker
Playwright is a great tool for end-to-end testing across browsers, including Chromium, Firefox, and Webkit. Playwright has features like auto-support interaction with browsers, so you don't have to install the web drivers manually. To run Playwright, you need an appropriate environment, such as type yes or press enter to confirm the setup for the package. The flag --save-dev is used.
The Hacker News·4yApple Pays $100,500 Bounty to Hacker Who Found Way to Hack MacBook Webcam
Security researcher Ryan Pickren, who discovered and reported the bugs to the iPhone maker, was compensated with a $100,500 bug bounty, underscoring the severity of the issues. The issues specifically concern ShareBear, an iCloud file-sharing mechanism that prompts users upon attempting to open a shared document for the first time.
The Register·4yMozilla calls out Microsoft, Google, Apple over browsers
Mozilla calls out Microsoft, Google, Apple, and Google over browsers over browsers. Mozilla says there are alternatives, such as its open-source Firefox. Google strong-arms Android smartphone makers into bundling Google's software suite – including Chrome – and competing browsers are given the cold shoulder. This is important given the high use of both PC and mobile browsers.
CSS {IRL}·4yExciting Times for Browsers (and CSS)
Safari has dropped a new release that includes support for a tonne of new stuff. New features include :has() (A.K.A. the “parent selector”), accent-color, Cascade Layers and trigonometric functions. This month also saw all the major engines commit to working together to implement major new CSS features.
