Mastering WP_Query: An Introduction

Christopher Ireland

Christopher Ireland is an observer. His sensitivity and natural intuition make him the perfect man to Direct and Capture life's real characters.
by via Awwwards - Sites of the day

jQuery FileStyle for Input File

The jQuery Filestyle this is a jQuery plugin for filestyle you forget to turn the input file’s default browser. Customize as you like, it’s yours now.

This plugin has an interesting way to present a form for sending files so attractive, while being simple and efficient.

The post jQuery FileStyle for Input File appeared first on jQuery Rain.

by Admin via jQuery Rain

Mobile Site Builder Pro with PHP & jQuery

A Point & Click, Multi User (SaaS) Mobile Site Builder loaded with features. Start your Enterprise Mobile Business right away.

Features:

• User registration and administration (SaaS)
• Social login (Facebook & Twitter)
• Perfectly suited for QR and NFC campaigns
• Unlimited accounts
• PayPal and 2Checkout for user subscription payments
• Realtime statistics with heatmap
• Create unlimited Mobile Sites

The post Mobile Site Builder Pro with PHP & jQuery appeared first on jQuery Rain.

by Admin via jQuery Rain

Prompt21 : jQuery Prompt Plugin

A minimalist jQuery prompt plugin for the 21st Century.

The post Prompt21 : jQuery Prompt Plugin appeared first on jQuery Rain.

by Admin via jQuery Rain

How SitePoint Uses Slack

Everyone in the entire world loves Slack, obviously.

The increasingly ubiquitous chat app has taken over the business and media world, with organizations as diverse as eBay, Sony, Yelp, the New York Times and SitePoint (who?) hooked into the plaid-patterned platform. Slack has been valued at about US $2.8 billion, which is a lot of moneybag emojis but probably only one rocket ship emoji.

It’s interesting how different organizations have adapted Slack for their own purposes. What sorts of social conventions have they developed? What kinds of integrations have they integrated? What ridiculous emoji have they created? Once you start reading about this stuff, it can become quite addictive, as every new tidbit is something that may save you a bunch of time.

A few weeks ago we outlined how 6 organizations use Slack, which gave a bunch of practical ideas. I’ve also been publishing regular snippets of amusing conversations from our Slack channels to our Medium publication. But now, let’s move past the quips and puns and take a look at how we use Slack to make working life easier/better.

Dev Integrations

Like any other web company, our devs use Slack to centralize notifications from various other services, including GitHub, BuildBot, and AirBrake. Unlike some other organizations, Slack is mainly used to provide awareness, rather than acting as a place to deploy code or run services.

Where’s Wally?

Like most organizations who care about the sanity of their employees, we’re keen on letting people work from home whenever they like if that’s what works for them. The only potential wrinkle in that policy is when other, at-work people, who are organizing meetings and such, aren’t aware that their compatriots are away. To try to combat this, we’ve set up a channel where work-from-home-ers can check in to update people on their movements, so people’s expectations for replies etc are catered to.

Continue reading %How SitePoint Uses Slack%

by Adam Roberts via SitePoint

Vorlon.js: Focus on DOM Explorer

In April 2015, our team of engineers and tech evangelists at Microsoft released vorlon.js - an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. This article is the first in a series that will take a detailed look at one specific feature, starting with one of the biggest: the DOM Explorer.

Overview

If you’re not familiar with vorlon.js, I recommend first reading this blog post, which explains why we made vorlon.js and how to use it. You’ll find additional vorlon.js information at the end of this article.

The DOM inspector shows you the DOM of the remote webpage. You can inspect the DOM, clicking on nodes will highlight them in the host webpage, and if you select one you can also view and modify its CSS properties.

Installing Vorlon.js

Just as a reminder, here is what you have to do to use Vorlon.js:

• Install and run the Vorlon.JS server from npm:

  $ npm i -g vorlon
  $ vorlon
  

• Once Vorlon.js is done installing, you can now run the server:

  $ vorlon
  The Vorlon server is running
  

• With the server is running, open http://localhost:1337 in your browser to see the Vorlon.js dashboard.
• The last step is to enable Vorlon.js by adding this script tag to your app:

<script src="http://localhost:1337/vorlon.js"></script>

Now when you open your app you should see your client appear on the dashboard.

Using the DOM Explorer

By default, the DOM explorer is on but if you need to enable it, you have to go to [Vorlon folder]\Server\config.json and enable the plugin:

{
    "useSSL": false,
    "includeSocketIO": true,
    "activateAuth": false,
    "username": "",
    "password": "",
    "plugins": [
        { "id": "DOM", "name": "Dom Explorer", "panel": "top", "foldername": "domExplorer", "enabled": true }
    ]
}

Once enabled you will be able to control almost everything related to the DOM through plugin’s main window.

Continue reading %Vorlon.js: Focus on DOM Explorer%

by David Catuhe via SitePoint