Best of WebKit — 2024

1. 1
   Article

   WebKit·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.

   19
2. 2
   Article

   WebKit·2y

   Help us choose the final syntax for Masonry in CSS

   The ongoing debate in the CSS community concerns the integration of a Masonry layout feature in CSS. Developers are discussing whether to extend CSS Grid to incorporate Masonry or introduce it as a separate syntax. Performance concerns have been addressed, allowing for the integration, but the decision on syntax remains. The key debate is whether to keep it simple with new defaults or integrate it fully to leverage existing CSS Grid properties, balancing between ease of use and consistency.

   18

   1
3. 3
   Article

   WebKit·2y

   Help us invent CSS Grid Level 3, aka “Masonry” layout

   CSS Grid Level 3, also known as 'Masonry' layout, is an extension of CSS Grid proposed by Mozilla. It allows for content to pack together in a pattern similar to a brick or stone wall, creating a masonry or waterfall layout. This layout solves the problem of accommodating content with different aspect ratios and enables lazy-loading of additional content without disrupting the existing layout. The debate revolves around whether masonry should be a separate display type or integrated into CSS Grid.

   14
4. 4
   Article

   WebKit·1y

   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.

   13
5. 5
   Article

   WebKit·2y

   An HTML Switch Control

   Introducing a new HTML form control called a switch. It has the look and feel of the OS control, is backward compatible, and supports styling. It is recommended to use a switch when the end user understands the element as a setting, and a checkbox when it is something to be selected.

   11

   1