Geekly Articles each Day
📜 ⬆️ ⬇️

Introducing the new Coast browser

Today we are launching a new product specifically for the iPad, which is called Coast . Created for browsing the web at your leisure, this browser makes the interface as inconspicuous as possible. Each site in it is an application that can be easily used with gestures in a convenient full-screen mode. Nothing extra.

Ever since the days of the Mosaic browser, browsers have flaunted “Back” buttons, menus, icons (most of which have not changed in the last 20 years). Coast easily does without all of this: to go back - swipe left to add a site to the express panel - drag its icon, to reload, just pull down. There are only two buttons left: for the main screen and recent sites.

We want Coast to help close the gap between familiar tabbed browsers and apps. We don’t want applications to take over the web, we want the web to win.
')


For developers


Coast attaches sites (sorry for the dubious neologism). Therefore, in Coast, everything just works ™, especially if you make websites that already work well on different devices and in different browsers that are ready for fat fingers, listen to touch gestures (for example, with the HandJS polifil , which implements W3C Pointer Events support) and you no longer need to think about the mouse and touch events).

Coast Icons Size


As Coast considers sites as applications, the icon becomes extremely important so that your site can be found and remembered. To group pages under one icon, we look at the address of the page and the icon indicated for it. So you should specify the same icon for the pages that you want to group into one “application”.

To make the most neat icons, Coast prefers images of 228 Ă— 228 pixels - a little more than needed for IE and Apple browsers (144 Ă— 144). The following markup inside <head> will indicate the path to the perfect icon for Coast.

 <link rel="icon" href="$URL" sizes="228x228″>

This markup does not hurt the one that you already use for Windows 8, Android or iOS. If you do not specify the 228 Ă— 228 icon, the Coast will figure out something based on the icons found.

Web standards support


Coast uses the built-in iOS UIWebView component for page rendering, it is based on the WebKit engine (not Blink, as in our other browsers).

The Coast Browser, created by Opera Software, is available on the App Store:



PS And one more video:

Source: https://habr.com/ru/post/193078/

More articles:


All Articles