Best of Safari — August 2022

1. 1
   Article

   Community Picks·4y

   Speech 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.

   336

   11
2. 2
   Article

   web.dev·4y

   CSS 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.

   83

   3
3. 3
   Article

   DigitalOcean Community·4y

   How 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.

   13