Johnson Banks

Defining and designing brands that make a difference
by via Awwwards - Sites of the day

Instagram Business Profiles: Why Marketers Should Upgrade

Have you considered moving to an Instagram business profile? Wondering what advantages you’ll gain? To explore Instagram business profiles, I interview Jenn Herman. More About This Show The Social Media Marketing podcast is an on-demand talk radio show from Social Media Examiner. It’s designed to help busy marketers and business owners discover what works with [...]

This post Instagram Business Profiles: Why Marketers Should Upgrade first appeared on .
- Your Guide to the Social Media Jungle

by Michael Stelzner via

Pseudo-classes – The Basics

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl. Copies are sold in stores worldwide, or you can buy it in ebook form here.

Pseudo-classes

[author_more]

It's likely that you're already familiar with some of the user interaction pseudo-classes, namely :link, :visited, :hover, :active, and :focus.

Continue reading %Pseudo-classes – The Basics%

by Alexis Goldstein via SitePoint

10 Tips to Boost your Product Sales with Google Merchant

Let's face the reality of today’s market. Online shopping has been and will continue to grow. According to eMarketer, "retail ecommerce sales will increase to $4.058 trillion in 2020, making up 14.6% of total retail spending that year." There's no way around it. If your company...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Tips and Tricks for Debugging Electron Applications

Tips and Tricks for Debugging an Electron Application is an excerpt from Electron in Action, a step-by-step guide to building desktop applications that run on Windows, OSX, and Linux.

If you'd like to follow along with the techniques demonstrated in this article, you can use the electron-quick-start demo to create a minimal Electron application:

git clone http://ift.tt/1pr5aph
cd electron-quick-start
npm install
npm start

If you'd like a refresher on Electron, then check out our tutorial: Create Cross-Platform Desktop Node Apps with Electron.

---

Imagine you have a new, shiny Electron app. Everything is going smoothly for you, but it probably won't be long before you need to debug some tricky situation. Being that Electron applications are based on Chrome, it's no surprise that we've access to the Chrome Developer Tools when building Electron applications.

Debugging Renderer Processes

Figure 1: The Chrome Developer Tools are available to us in the renderer process like they'd be in a browser-based application.

Debugging the renderer process is relatively straight-forward. Electron's default application menu provides a command for opening the Chrome Developer Tools in our application. You can create your own custom menu and eliminate this feature in the event that you'd prefer not to expose it your users.

Figure 2: Figure 2 The tools can be toggled on and off in the default menu provided by Electron.

Developer Tools can be accessed in two other ways. At any point, you can press Cmd + Opt + I on macOS or Ctrl + Shift + I on Windows or Linux. In addition, you can also trigger the Developer Tools programmatically.

The webContents property on BrowserWindow instances has a method called openDevTools(). This method, as you might as expect, opens the Developer Tools in the BrowserWindow it's called on.

app.on('ready', () => {
  mainWindow = new BrowserWindow();

  mainWindow.loadURL(`http://file${__dirname}/index.html`);

  mainWindow.webContents.openDevTools();

  mainWindow.on('closed', () => {
    mainWindow = null;
  });
});

We can programmatically trigger the opening of the Developer Tools on the main window once it loads.

Continue reading %Tips and Tricks for Debugging Electron Applications%

by Steve Kinney via SitePoint

How to Make Your First Route in Laravel 5

Create a Blackjack Game in Swift 3 and SpriteKit