--- title: Best Safari posts of 2022 | daily.dev description: The most upvoted Safari posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/safari/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/safari/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Safari posts of 2022 | daily.dev og:description: The most upvoted Safari posts of 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Safari — 2022 1. 1 [](/posts/speech-recognition-with-javascript-p3djbooza "Speech Recognition with JavaScript") 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 [](/posts/how-browsers-work-wfjdwfunv "How browsers work") Article Community Picks · 4y How 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. 167 9 3. 3 [](/posts/i-am-back-with-100-dark-mode-css-loaders-eg7tbcrrg "I am back with 100 "Dark Mode" CSS loaders") Article DEV · 5y I am back with 100 "Dark Mode" CSS loaders I can only view about a third of them on my phone (safari is defo the new Internet Explorer! 🤣), can’t wait to get back to my PC and enjoy these properly as they are always mega entertaining and interesting! The dark side is strong with this one! 107 8 4. 4 [](/posts/css-border-animations-zbkxiwzn9 "CSS border animations") 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 5. 5 [](/posts/sigmaos-raises-4-million-to-build-a-browser-for-productivity-nerds-bmmroldtk "SigmaOS raises $4 million to build a browser for productivity nerds") Article TechCrunch · 4y SigmaOS 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. 39 5 6. 6 [](/posts/scroll-shadows-pure-css-parallax-game-back-on-css-tricks-lmsopy-pz "Scroll Shadows? Pure CSS Parallax? Game Back On. | CSS-Tricks") Article CSS-Tricks · 4y Scroll Shadows? Pure CSS Parallax? Game Back On. | CSS-Tricks CodePen Embed Fallback broke in Safari iOS 13\. The result is a slick scrolling interaction that gives users a hint that additional content is available in a scrollable container. 24 7. 7 [](/posts/what-do-you-think-of-my-html5-game--iw1mvqmu4 "What do you think of my HTML5 game?") Article DEV · 5y What 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. 22 4 8. 8 [](/posts/mozilla-claims-apple-google-and-microsoft-force-users-to-use-default-web-browsers-zl-ytuhel "Mozilla claims Apple, Google and Microsoft force users to use default web browsers") Article Hacker News · 4y Mozilla 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. 21 9. 9 [](/posts/what-s-new-with-forms-in-2022-css-tricks-fcnt-dw4i "What’s New With Forms in 2022? | CSS-Tricks") Article CSS-Tricks · 4y What’s New With Forms in 2022? | CSS-Tricks Safari 16 will be the final browser to add support for requestSubmit. The SubmitEvent property gained full cross-browser support with the release of Safari 15.4.4. 15 10. 10 [](/posts/how-to-run-end-to-end-tests-using-playwright-and-docker--u8xzmcyv "How To Run End-to-End Tests Using Playwright and Docker") 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 11. 11 [](/posts/apple-pays-100-500-bounty-to-hacker-who-found-way-to-hack-macbook-webcam-pe2zc5xfn "Apple Pays $100,500 Bounty to Hacker Who Found Way to Hack MacBook Webcam") Article The Hacker News · 5y Apple 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. 13 1 12. 12 [](/posts/mozilla-calls-out-microsoft-google-apple-over-browsers-unzacq3yi "Mozilla calls out Microsoft, Google, Apple over browsers") Article The Register · 4y Mozilla 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. 11 1 13. 13 [](/posts/exciting-times-for-browsers-and-css--w4kvgalgc "Exciting Times for Browsers (and CSS)") Article CSS {IRL} · 5y Exciting 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. 10 [See all Safari archives](/tags/safari/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/safari/best-of/2022#page","url":"https://daily.dev/tags/safari/best-of/2022","name":"Best Safari Posts of 2022","description":"The most upvoted Safari posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/safari/best-of/2022#items","numberOfItems":13,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/speech-recognition-with-javascript-p3djbooza","name":"Speech Recognition with JavaScript"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-browsers-work-wfjdwfunv","name":"How browsers work"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/i-am-back-with-100-dark-mode-css-loaders-eg7tbcrrg","name":"I am back with 100 \"Dark Mode\" CSS loaders"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/css-border-animations-zbkxiwzn9","name":"CSS border animations"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/sigmaos-raises-4-million-to-build-a-browser-for-productivity-nerds-bmmroldtk","name":"SigmaOS raises $4 million to build a browser for productivity nerds"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/scroll-shadows-pure-css-parallax-game-back-on-css-tricks-lmsopy-pz","name":"Scroll Shadows? Pure CSS Parallax? Game Back On. | CSS-Tricks"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/what-do-you-think-of-my-html5-game--iw1mvqmu4","name":"What do you think of my HTML5 game?"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/mozilla-claims-apple-google-and-microsoft-force-users-to-use-default-web-browsers-zl-ytuhel","name":"Mozilla claims Apple, Google and Microsoft force users to use default web browsers"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/what-s-new-with-forms-in-2022-css-tricks-fcnt-dw4i","name":"What’s New With Forms in 2022? | CSS-Tricks"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-run-end-to-end-tests-using-playwright-and-docker--u8xzmcyv","name":"How To Run End-to-End Tests Using Playwright and Docker"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/apple-pays-100-500-bounty-to-hacker-who-found-way-to-hack-macbook-webcam-pe2zc5xfn","name":"Apple Pays $100,500 Bounty to Hacker Who Found Way to Hack MacBook Webcam"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/mozilla-calls-out-microsoft-google-apple-over-browsers-unzacq3yi","name":"Mozilla calls out Microsoft, Google, Apple over browsers"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/exciting-times-for-browsers-and-css--w4kvgalgc","name":"Exciting Times for Browsers (and CSS)"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Safari","item":"https://daily.dev/tags/safari"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/safari/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```