Friday, September 4, 2015

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

Thursday, September 3, 2015

How SitePoint Uses Slack

Slack art

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.

DOM explorer

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.

Using DOM explorer

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


by David Catuhe via SitePoint

Introduction to Stage.js

Stage.js is a lightweight and open-source JavaScript library that you can use for cross-platform 2D HTML5 game development. This library uses DOM-like model to manipulate the canvas and manages the rendering cycles of your application all by itself.
In this tutorial, I’ll introduce you to this library, trying to cover everything you may need to know how to start using it with ease.
Let’s start!

Setup and usage

Firstly, you have to download the library. You can get the latest version of Stage.js from its GitHub repository (here are included a few examples to get you started). If you prefer, you can also load it directly from a CDN. After including the core file, you have to add your own JavaScript file but be careful to not include your application files before the library.

Continue reading %Introduction to Stage.js%


by Baljeet Rathi via SitePoint

Social Sharing WordPress Plugins Optimized for Mobile

Did you know that the majority of internet users are browsing through websites on their mobile devices?

If you're a website owner go to your Google Analytics account and see for yourself. It may not be the majority in your case but I bet at least 30% of your visitors are looking at your website from their smartphones or tablets.

Even Google realized the importance of mobile browsing and because of that have updated its algorithm, earlier this year, to show “Mobile friendly’ websites higher in rankings than websites not optimized for mobile devices.

Assuming that you are a WordPress user, there is a big probability that your website is already optimized for the perfect mobile experience and that’s awesome.

But what about social sharing buttons on your website?

If your social sharing icons are not optimized for mobile devices you are missing out a huge deal here. Your job as a website owner is to give the best experience possible to your visitors, and that includes the ability to share your content on various social channels as easy as possible.

Today I am going the show you what some of the best WordPress plugins are which you can use to provide a perfect social sharing experience for both desktop and mobile users on your website.

Continue reading %Social Sharing WordPress Plugins Optimized for Mobile%


by Drazen Prastalo via SitePoint