Emulation update, New devices, Device in real size, Google tab, Shortcuts, New error reports, Chromium 65 + new APIs and technologies
Get Blisk release v.18.104.22.168 with new features: Emulation update, New devices, Device in real size, Google tab, Shortcuts, New error reports, Chromium 65 + new APIs and technologies.
Click here to Download Blisk.
Starting in version 9 on all platforms, Blisk will use the newly improved emulation. The devices start displaying website's loading state.
This release also has improved emulation performance - the devices load faster and resize better.
New emulation in Blisk v.9
Starting in version 9, Blisk supports:
New phones: iPhone SE, iPhone 8 and iPhone 8 Plus, Google Pixel 2.
New tablets: iPad Pro 9.7", iPad Pro 10.5", iPad Pro 12.9".
New desktops and laptops: iMac Retina 27", MacBook Pro Retina 15", MacBook Air 13", MacBook 12".
New devices in Blisk v.9
Device in real size
Since version 9, we introduce the new feature: previewing device in real size. With this feature, you can check how your web application, fonts, and elements look on the real device.
Device in real size: Blisk v.9
Since version 9, we introduce the new feature: Google tab . Google tab is an overlaying tab with Google search. You can use
this tab to quickly find anything on the web without leaving your current tab.
Google tab has two states:
Google tab is ready to launch.
Google tab is launched. Click once again to disable it.
Google tab in Blisk v.9
Blisk lets you perform most tasks directly from the keyboard. You can find the list of the default bindings (keyboard shortcuts) below. Note: you cannot change the existing shortcuts.
NOTE: shortcuts are temporarily disabled due to conflicts with other software.
Take mobile screenshot
+ + 1
+ + 1
Take desktop screenshot
+ + 2
+ + 2
Start screen recording
+ + 3
+ + 5
+ + A
+ + A
+ + E
+ + E
+ + Y
Show device DevTools
+ + K
+ + L
Rotate the device
+ + S
New error reports
Since version 9, Blisk displays error reports in the overlay over device and desktop. Device overlay displays device errors and desktop overlay displays desktop errors.
Error reports in Blisk v.9
Chromium 65 + new APIs and technologies
Since version 9, Blisk starts supporting latest APIs and technologies with Chromium 65:
Network Information API provides actual network performance metrics from the client. Using these network quality signals, you can tailor content to the network. For example,
on very slow connections, you could improve page load performance by serving a reduced version.
To simplify your application logic, the API returns the measured network performance in terms of how it would compare to a cellular connection. For example, connected to a super fast fiber connection, the API would report 4G.
OpenType Variable Fonts Traditionally, one font contained only a single instance of a font family, for example, one weight or one stretch. If you wanted regular, bold and italic, you’d need to include three separate fonts, increasing the weight of your page.
An OpenType variable font is the equivalent of multiple individual fonts that can be compactly packaged within a single font file. By adjusting the font-variation-settings CSS property, stretch, style, weight and more, can easily be adjusted, providing an infinite number of stylistic variations. Those three fonts can now be combined into a single, compact file.
Media capture from DOM elements You can now live-capture content into a MediaStream directly from HTMLMediaElements like audio and video, with the Media Capture from DOM Elements API.
After invoking captureStream() on an HTML media element, the streamed content can be manipulated, processed, sent remotely or recorded. Imagine using web audio to create your own equalizer or vocoder. Or stream the content to a remote site using WebRTC. The possibilities are almost endless.
CSS Paint API. CSS Paint API allows you to programmatically generate an image whenever a CSS property expects an image. Properties like background-image or border-image are usually used with url() to load an image file or with CSS built-in functions like linear-gradient(). Instead of using those, you can now use paint(myPainter) to reference a paint worklet.
Server Timing API. The new Server Timing API allows your server to pass timing information to the browser; giving you a better picture of your overall performance.
You can track as many metrics as you want: database read times, start-up time, or whatever is important to you, by adding a Server-Timing header to your response: