Apple engineers have announced the upcoming version of the native Apple web browser at the Apple WWDC event. Safari 9 is backed with some really interesting features, especially for web and application designers as well as developers. Safari 9 have features like Scroll Snapping, Pinned sites, Force touch events, ECMAscript 6, CSS filters, etc. Here we are going to discuss some of the exceptional features of Safari 9.
Ad blocking extension
Safari 9 is getting equipped with lots of new features and ready to be launched sometime around the fall. But the only feature that every publisher should be concerned about is the “Ad Blocking Extension”. Safari will allow users to effectively block advertisements and pop ups. Users will be able to download the extension that blocks the adds on most of the sites. This content blocking extension for new safari browser will let users easily block cookies, images, resources, pop-ups and other contents. Users won’t need to reset the setting on every page you visit. This extension will work throughout the browser. As safari is one of the most used web browsers across the globe, this could be the warning alarm for the Advertisers.
Backdrop CSS filters
Apple has added the Backdrop-filter CSS properties to the Safari 9. This allows developers to include fancy dynamic effects on the page. The backdrop-filter accepts the values from the regular CSS filter specifications. You can also apply multiple backdrop-filters just like the other filters. Backdrop-filters are available for several effects like blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate and sepia, etc. Developers will be able to apply these filters with dynamic content like videos as well. And all these filters are compatible with the W3C standards.
Pinned sites are the latest way introduced by Safari to keep your favorite websites open for quicker access. You don’t actually need to leave the opened tab to access the pinned sites in Safari. Users need to drag the opened tab to the left to pin the website and a small icon will be created from the quick access. You need to create a small solid black icon with transparent background for your website and save it as an SVG to let others pin your website on the bookmark bar. Then you need to link that icon to the head of the HTML document. You can also customize the color of the icon by adding the meta tags immediately after you link the icon in Head tag.
Developer Mode Updates
Safari is going to make lots of updates in Developer mode that includes Responsive design mode and other UI changes. Responsive design mode lets you switch faster across different viewports for specific design. It helps you quickly rectify the design issues with different screen sizes. All the apple devices will be added as default in responsive design mode. Apple has also changed the web inspector layout to provide better user experience. New layout lets you navigate quickly between different development tasks.