{"id":6683,"date":"2011-06-08T01:03:55","date_gmt":"2011-06-07T23:03:55","guid":{"rendered":"http:\/\/www.chipwreck.de\/blog\/?p=6683"},"modified":"2011-06-08T01:03:55","modified_gmt":"2011-06-07T23:03:55","slug":"safari-5-1-beta-first-look","status":"publish","type":"post","link":"https:\/\/www.chipwreck.de\/blog\/2011\/06\/08\/safari-5-1-beta-first-look\/","title":{"rendered":"Safari 5.1 beta &#8211; first look"},"content":{"rendered":"<p>I had a look the developer preview of safari 5.1 for 10.6 &#8211; here the first impressions (screenshots from the German version, as you might notice).<!--more--><\/p>\n<h4>Unified cookie and local storage management<\/h4>\n<p>This is a good addition: Instead of handling cookies and local storage separately you find all stored data per domain in an overview list.<\/p>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Local-storage-and-cookies.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Local-storage-and-cookies-120x80.png\" alt=\"Local storage and cookies\" title=\"Local storage and cookies\" width=\"120\" height=\"80\" class=\"alignnone size-thumbnail wp-image-6701\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Local-storage-and-cookies-120x80.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Local-storage-and-cookies-300x200.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Local-storage-and-cookies.png 628w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a><\/p>\n<h4>CSS stuff\/MathML\/WOFF<\/h4>\n<p>I think that was already in the latest webkit builds: MathML support and some CSS 3 improvments: Auto-hyphenation, vertical text, emphasis for asian languages and stepped transitions for CSS 3 animations.<\/p>\n<p>WOFF (=Web Open Font Format) is a good addition, now there&#8217;s only one standard for webfonts (as soon as IE 6, IE 7 and IE 8 have disappeared from this planet, probably in autumn 2048)<\/p>\n<h4>Read later<\/h4>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-later-glasses.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-later-glasses-120x46.png\" alt=\"Read later glasses\" title=\"Read later glasses\" width=\"120\" height=\"46\" class=\"alignnone size-thumbnail wp-image-6689\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-later-glasses-120x46.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-later-glasses.png 138w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-Later-List.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-Later-List-120x56.png\" alt=\"Read Later List\" title=\"Read Later List\" width=\"120\" height=\"56\" class=\"alignnone size-thumbnail wp-image-6686\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-Later-List-120x56.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-Later-List-300x140.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-Later-List.png 427w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a><\/p>\n<p>I use pinboard&#8217;s unread list of course, but now safari has a similar feature: You can add pages to a &#8220;read later&#8221;-list. Either with a shortcut (cmd+shift+d) or &#8211; and that is quite cool &#8211; by shift clicking a link. Then an uninspired animation throws a black-and-white safari icon onto the glasses and the link is saved there.<\/p>\n<p>The list itself seems a bit buggy:<br \/>You can switch between all items and only unread ones. But clicking an item doesn&#8217;t always mark it as read.<br \/>\n<br \/>Also the &#8220;add page&#8221;-button is inactive sometimes.<\/p>\n<p>The integration is of course well done and looks nice, but the list itself has some drawbacks:<br \/>\nYou can&#8217;t reorder items, copy the URL via context menu and it&#8217;s always on the left side of the current page &#8211; a separate window would be a useful option.<\/p>\n<h4>Developer tools<\/h4>\n<p>Good stuff: Similar to PageSpeed or YSlow the developer tools now include <q>Audits<\/q>, which are basically the same, with a nicer interface.<\/p>\n<p>Lots of improvements on the existing tools: Resource view is better structured, CSS modifications can simply be entered anywhere (very good idea) and the network view can be filtered and looks even better than the previous one.<\/p>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Audit-view.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Audit-view-120x77.png\" alt=\"Audit view\" title=\"Audit view\" width=\"120\" height=\"77\" class=\"alignnone size-thumbnail wp-image-6695\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Audit-view-120x77.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Audit-view-300x193.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Audit-view.png 839w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Resource-view.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Resource-view-120x76.png\" alt=\"Resource view\" title=\"Resource view\" width=\"120\" height=\"76\" class=\"alignnone size-thumbnail wp-image-6696\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Resource-view-120x76.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Resource-view-300x190.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Resource-view.png 839w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a><\/p>\n<p>More information here: <a href=\"http:\/\/www.webkit.org\/blog\/1091\/more-web-inspector-updates\/\">www.webkit.org\/blog\/1091\/more-web-inspector-updates\/<\/a> and <a href=\"http:\/\/www.webkit.org\/blog\/1463\/web-inspector-styles-enhanced\/\">www.webkit.org\/blog\/1091\/more-web-inspector-updates\/<\/a><\/p>\n<h4>window.onerror &#8211; Finally&#8230;<\/h4>\n<p>Yes, now you can use the 1963-javascript function window.onerror, just about time.<\/p>\n<h4>Extension API<\/h4>\n<p>There are new events (open, close, (de)activate , beforeNavigate, navigate, menu, popover), improvement of event-handling (which was IMHO necessary), support for Reader and full screen (boring..).<\/p>\n<p>But these new additions sound promising: Menus and Popovers. The API documentation isn&#8217;t there yet, so we&#8217;ll see when it&#8217;s online. Since my <a href=\"\/blog\/software\/safari-pinboard-extension\/\">pinboard plugin<\/a> has already too many buttons, these seem to be a welcome possibility.<\/p>\n<h4>This and that<\/h4>\n<p>The Webkit plugin API is now deprecated, but Glims still works and 1Password supports Safari 5.1 &#8211; other plugins might have to be updated for the final version.<\/p>\n<p>XML files are now shown in a syntax-highlighted treeview, graphics improvement on Windows, audio\/video can also be stored via HTML5.<\/p>\n<p><strong>The page up\/down keys don&#8217;t scroll the page anymore &#8211; WTF?! How stupid is that? Please fix this.<\/strong> (Yes, one can use alt+cursor up\/down, but why should anyone do this?)<\/p>\n<h4>Finally<\/h4>\n<p>Lots of the good stuff from the latest Webkit releases is now present, <q>read later<\/q> is nicely integrated but still somewhat incomplete. The browser itself feels faster and very stable (after some hours testing at least :). And if the new extension API brings nice features, I&#8217;ll hopefully integrate them into the pinboard extension.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I had a look the developer preview of safari 5.1 for 10.6 &#8211; here the first impressions (screenshots from the German version, as you might notice).<\/p>\n","protected":false},"author":2,"featured_media":6689,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[58,43,19,79],"class_list":["post-6683","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdevelopment","tag-beta","tag-safari","tag-software","tag-webdesign"],"jetpack_featured_media_url":"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2011\/06\/Read-later-glasses.png","jetpack_shortlink":"https:\/\/wp.me\/paPEN-1JN","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/posts\/6683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/comments?post=6683"}],"version-history":[{"count":0,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/posts\/6683\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/media\/6689"}],"wp:attachment":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/media?parent=6683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/categories?post=6683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/tags?post=6683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}