Tuesday, June 14, 2016

Blisk: Your Next Web Development Browser?

Which browser do you use for daily web development tasks? If my recent Twitter poll is to be believed, three quarters of us use our default browser. Perhaps that's understandable:

  • it's the application we have open most often
  • we have it configured exactly as we like it
  • it offers excellent development tools (they all do!)
  • we are comfortable using those utilities, and
  • it's the browser we prefer.

But is it practical?

If you're anything like me, your default browser has 57 tabs open at any time with various applications, tools and articles you intend to read later (… but rarely do!). Development in that browser is possible, but the application already uses many resources. Memory and processing speed may be negatively compromised. A crash can be catastrophic!

You may also have plug-ins enabled which affect code --- for example, advertising or script modifiers. You can spend hours debugging a system only to realize the problem is caused by one of your extensions, which wouldn't be installed by "normal" users. You may be able to temporarily disable those plug-ins, but that choice can affect every tab.

You may also need to perform development actions such as removing cookies, clearing local storage or accepting insecure, self-signed SSL certificates. That can cause complications if you have more than one test application running on the same domain, or accidentally wipe data from a regularly used website.

Despite these issues, only a quarter of web developers open another browser for primary development tasks. Fewer than half of those use a dedicated application such as Firefox Developer Edition or Opera Developer Browser. Vendors work hard to provide these tools since they realize no browser can be successful without support from the web development community. They usually offer beta versions of the latest tools and rendering engines, so they're a great option. However, if you have an immediate delivery date, you'll need to test your application in the mainstream edition of that browser to ensure you're not dependent on a technology that's not yet available or has a different implementation.

Is Blisk Beta Better?

Blisk logo

Blisk is a new browser aimed solely at professional web developers for prototyping, coding, debugging and testing tasks.

The Blisk Beta is available for Windows only, but Mac and Linux editions are in the pipeline. Installation is slightly disconcerting since there are no dialogs or options: Blisk simply installs and runs immediately. (The website suggests registering. It's not necessary to do so, although future features may require it.)

The application uses the same Blink rendering engine you'll find in Chrome, Opera and Vivaldi. That's a safe option, providing the standard development tools you find in those browsers (and, yes, the tools are dockable). That's where the similarity ends and Blisk enhances your web development workflow …

Scroll-synchronized Device View

Pages display in a dual window consisting of:

  • a standard desktop view, and
  • an emulated mobile/tablet view.

Nine smartphones and four tablets are currently supported. You can switch by clicking the device icon to emulate screen resolutions, pixel ratios, user agents and touch events. The devices are provided within the browser, so they work offline and don't require a cloud-based service.

Scrolling is automatically synchronized (although you can disable it):

Blisk synchronized scrolling

Auto-refresh on Change

You can associate a URL with a folder location. Blisk will monitor for file updates and auto-refresh both devices as soon as a change occurs:

Blisk auto-refresh

If you've not used similar systems before, it's the web equivalent of witchcraft. It saves considerable time, since you no longer need to switch between your editor and browser to see updates.

Continue reading %Blisk: Your Next Web Development Browser?%


by Craig Buckler via SitePoint

No comments:

Post a Comment