Web
Article

Blisk: Your Next Web Development Browser?

By Craig Buckler

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.

Promised Features

Blisk is an early beta, but some exciting new features are promised in future editions:

  • device rotation into landscape orientation
  • web page analytics to monitor code quality, asset sizes, JavaScript errors and other metrics
  • one-click device screenshots and sharing with colleagues
  • integration with third-party services such as GitHub, BitBucket, Dropbox, Google Drive and Trello.

Should You Adopt Blisk?

Blisk shows promise. Mac/Linux support is required, the interface needs polishing and device rotation is essential, but it’s already good enough to use for general purpose development tasks.

Features such as scroll-synchronization and auto-refresh can already be achieved in a more sophisticated way with tools such as Browsersync. However, Blisk works out of the box on any web page with minimal configuration, and there’s less need to open multiple browsers.

I like the idea behind Blisk. A dedicated development browser makes sense, and I’m a convert! Will it entice you away from your default browser?

  • Lucas Alberto

    I tried it before, I’ll wait for an update. Seems very usefull!

  • http://www.gregraven.org Greg Raven

    On the Mac, CodeKit allows you to view the same page on your mobile device that appears in your browser. Not quite the same, but still very useful.

  • Antonella

    I installed Blisk a week ago, but haven’t found the time to tinker with it yet and keep launching my default browser, purely out of habit. This is the push I needed to give Blisk a go. Thanks Craig!

  • http://www.bitstorm.org/ Edwin Martin

    Does it provide an advanced inspector like Chrome, Firefox or Safari has? I think I rather have this added functionality as plugins/extensions on my current browser.

  • Lionel Mbankeu

    The fact that they’re in Windows first and not Linux is really enticing me to use it first I like dedicated software’s

  • http://www.bloghery.info/ Bang Hery

    i’d like to give a go since all the promising features. Yes it would be perfect if it has inspector kit like firefox and chrome, gonna check it soon

  • http://www.cactuscoding.com CactusCoding.com

    Looks like pretty useful thing. Going to try it !

  • Jake

    I’m on Mac so I can’t try blisk yet, but the real win of this article is the two browser workflow which I’ve been using for a while. I like to dev on Firefox and use Chromium as my normal browser, but for those who love Chrome, there’s also the possibility of using some combination of Chrome Canary, Chromium, and Google Chrome for this workflow. They can all be used simultaneously.

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Instant Website Review

Use Woorank to analyze and optimize your website to improve your website to improve your ranking!

Run a review to see how your site can improve across 70+ metrics!

Get the latest in Front-end, once a week, for free.