Best of Safari — 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·1y

    Universal, Pure-GPU HTML Renderer

    Ultralight is a GPU-accelerated toolkit designed to embed modern HTML in games and native applications. It offers ultra-fast rendering either directly on the GPU or on the CPU for ease of integration. Ultralight is highly portable, with support for multiple platforms including Windows, macOS, Linux, PlayStation, Xbox, and ARM64 devices. The toolkit is built in collaboration with leading game studios and provides deep GPU integration, transparent rendering, custom image compositing, and more. It is also optimized for native app developers, offering consistent performance across platforms, automatic window management, and seamless JavaScript-native code integration.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    How to update your favicon on your website

    Rodrigo Veiga, developer of QuickCoords, provides a comprehensive guide on updating the favicon for a website. He explains that simply using a favicon.ico file is insufficient due to different requirements across platforms like Apple devices and Safari's Touch Bar. Instead, he suggests using a specific website to generate the necessary files for various platforms and browsers, and details how to integrate these files into your website. Additionally, he explains how to clear Safari's favicon cache and suggests steps for troubleshooting common issues.

  3. 3
    Article
    Avatar of bramBram.us·2y

    Feature detect Style Queries Support in CSS

    Learn how to detect support for Style Queries in CSS by actively using a method that uses the `--sentinel` property and the `--supported` Space Toggle. The guide also addresses a bug in Safari 18 and provides a workaround for it.

  4. 4
    Article
    Avatar of csstipCSS Tip·2y

    Indent each line of your text

    The text-indent CSS property can take the value each-line, enabling indentation after each line when using <br> tags. However, it is currently only supported by Firefox and Safari.

  5. 5
    Article
    Avatar of webkitWebKit·2y

    Private Browsing 2.0

    Safari's Private Browsing has been significantly enhanced with added privacy protections, including Link Tracking Protection, blocking network loads of known trackers, advanced fingerprinting protection, and improved handling of network privacy. Notably, Safari now prevents third-party scripts from reading the full URL and employs Web AdAttributionKit in Private Browsing for privacy-preserving ad attribution. With these updates, Safari aims to set a new industry standard for user privacy.

  6. 6
    Video
    Avatar of communityCommunity Picks·2y

    Modern CSS, the state of the web, Safari's progress, and more! With Jen Simmons

    Jen Simmons discusses the state of modern CSS, Safari's progress in implementing new features like has and container queries, and the importance of Progressive Enhancement in web development.

  7. 7
    Article
    Avatar of cloudfourCloud Four·2y

    This Web Page is Best Viewed in the EU

    iOS 17.4 will support alternative browser engines, but only in the European Union. This is thanks to the efforts of the Open Web Advocacy group and the EU's Digital Markets Act. Chrome, Edge, and Firefox on iOS are essentially Safari in disguise. Apple's response to the DMA only meets legal requirements and limits genuine browser choice outside the EU. Web developers outside the EU may face challenges in testing their sites against non-WebKit iOS browsers. US regulators need to intervene to ensure browser choice for American users and developers.

  8. 8
    Article
    Avatar of webkitWebKit·2y

    Make creative borders with background-clip border-area

    Learn how to create creative borders using the 'background-clip: border-area' CSS property, which allows for applying background images or gradients to borders. Detailed examples show how to use this in different scenarios, including headers, buttons, and images. Compatibility details and future changes in the CSS specifications are also discussed, highlighting how these features can enhance the design of your web projects.

  9. 9
    Article
    Avatar of ffocusFrontend Focus·2y

    Frontend Focus Issue 660: September 18, 2024

    Safari 18 has launched with 53 new web platform features including item hiding on web pages and new iPhone Mirroring and remote inspection options. The first beta of Astro 5.0 is available, highlighting the stable Astro Content Layer and server islands. Tutorials and talks cover accessibility in CSS, mental models for teaching CSS, and the state of ES5 in JavaScript. A new HTML Language Server Protocol (LSP) detects syntax errors in real-time, and AIEditor introduces a rich text editor with advanced AI features.

  10. 10
    Article
    Avatar of frontendmastersFrontend Masters·1y

    CSS text-box – Frontend Masters Boost

    Safari introduces the `text-box` property in CSS which simplifies the alignment of text in various scenarios by allowing developers to specify which font metric the browser should use to calculate the edge of a text box. This new property promises to resolve inconsistencies such as button centering without relying on complex numerical adjustments.

  11. 11
    Article
    Avatar of thevergeThe Verge·2y

    Apple is finally allowing full versions of Chrome and Firefox to run on the iPhone

    Apple is allowing alternative browser engines to run on iOS for users in the EU due to new regulations. This will enable non-WebKit browsers, such as Chrome and Firefox, to work on iPhones in the EU.

See all Safari archives