configurar #facebook para permitir publicaciones automaticas desde #php

fuente: http://www.nextscripts.com/instructions/facebook-social-networks-auto-poster-setup-installation/

The Facebook Platform uses OAuth 2.0 for authentication and authorization. You need to setup Facebook Application and connect this application to your blog and authorize it.

Please see the instructions below:

Facebook Configuration
1. Create an app and community page for your website.

1. Login to your Facebook account.
2. Go to the Developers page: https://developers.facebook.com/

If you are not registered as “Developer” yet, you need to click blue button “Register”. Click here to see the Register as a Developer instructions, otherwise proceed to the step #3.

FAQ: Question: Why I can’t create an app on developers.facebook.com/apps ? When I am trying to enter that page it redirects me back to my account?
Answer: Facebook “Business” or “Advertising” accounts can’t manage apps. Only real user accounts are able to create and manage apps. Please login to Facebook as a personal account to be able to create app.

3. Click “My Apps -> Add a New App” menu item.

Face book Create New App

The new wizard is actually much more complicated to setup to what we need, so click “Advanced Setup”.

Face book Create New App

Fill “App Name”, leave “App Namespace” empty, select any category. agree to policies and click “Create App”, fill captcha, click “Submit”.
Important: Please use your own information, don’t literally re-type “NextScripts Blog”, “NextScripts.com” and other sample info.
Face book Create New App

– Notice App ID and App Secret (Click “Show”, enter your password) on this page.
Face book App ID

4. Click “Settings” on the left, fill “Contact email” field, then click “Add Platform”.

Face book Settings

5. Select “Website” in the list.

Face book Settings

Enter your website URL to the “Site URL” field. Enter your domain to the App Domains. Domain should be the same domain from URL that you have entered to the “Site URL”.

Important!: You must enter the URL and domain that you see in your WordPress Admin Panel. For example your visitors come to your blog at http://blog.nextscripts.com, but you manage your blog fromhttp://www.nextscripts.com/blog/wp-admin/ – you must enter http://www.nextscripts.com/blog to the URL Field and http://www.nextscripts.com as the domain. Also please note that nextscripts.com andwww.nextscripts.com are two different domains.

Important!!! Again, Please use your own information, don’t literally re-type “NextScripts Blog”, “NextScripts.com” and other sample info.

Face book Settings

6. All Facebook apps are “Sandboxed” by default. All posts will be visible only to to Admins, Developers and Testers. You need to take an app “Live” if/when you would like your posts to be seen by everybody.

Click “Status & Review” on the lest. Change “Do you want to make this app and all its live features available to the general public?” switch from “No” to “Yes”.

Face book App ID

Face book App ID

Your App is ready to use.

Just to avoid any confusion. You don’t need to submit your app for review and approval. Review and approval are required ONLY for apps that will be used publicly by other people. SNAP will be authorized and make posts ONLY as you (as the admin of the app). No review and approval are necessary for admin usage.

2. Connect Facebook to your WordPress.

1. Login to your WordPress Admin Panel, Go to the Settings->Social Networks AutoPoster Options.
2. Click green “Add new account” button, select “Facebook” from the list.
3. Fill “Your Facebook URL” with your Community page or from step 6 above or your personal Facebook URL or your Facebook Group URL or your Facebook Business Page URL.

{Facebook Groups ONLY} You can’t use your regular group URL. Please use the numeric URL of your group in the plugin settings, http://www.facebook.com/groups/{group_id}/
You can find your Group Id in your source of your Facebook Group page by searching for group_id= or from third party services like lookup-id.com

4. Fill “App ID” and “App Secret” from step 3 above.

3. Authorize Facebook for your WordPress.

1. Click “Update Settings”. Notice new link “Authorize Your Facebook Account”.

Facebook Page
2. Click “Authorize Your Facebook Account” and follow the authorization wizard. Facebook will ask you series of questions. If you get any errors at this step, please make sure that domain for your WordPress site is entered to your App as “App Domain”.

Important: If Facebook tell you that you need to switch to your main account, you will need to close the wizard, go to facebook.com, switch account, and then start authorization from the beginning.

[Update – May 2014] Facebook changed some rules regarding the apps. This means that the Facebook App, Facebook profile or page and the user who authorizes the app MUST belong to the same Facebook account. So please make sure you are logged to Facebook as the same user who created the app.

Important: When Facebook Authorization Wizard asks you for the access privileges to your profile/pages, do not uncheck anything and don’t click “Skip”.
Facebook don’t have the ability to request permission to just one page. It’s either all of them or none. If you click “Skip” it means you forbid Facebook from posting to any of your pages, groups or profiles.
Our plugin will post only to the page that you specify on the “Your Facebook URL” field.

Facebook Page

Note (Again): Please don’t pay attention to the red message on top of the screenshot above, you don’t need to submit your app for review if you will be posting to the profile and pages you admin.

Facebook Page

Facebook Page

4. Your Facebook account is ready to use.
Face book Config

25 Useful #HTML5 Tools For Designers & Developers by @graphicdesignju

Fuente: graphicdesignjunction.com

Post image of 25 Useful HTML5 Tools For Designers & Developers

The latest version of HTML – HTML5, adds many cool new elements to the applications that are being developed. These days it has become important for the web developers to learn and use the intricate elements of HTML5 to develop web apps and iOS-friendly sites. Did you know that Google has developed a HTML5 version of YouTube? This further encourages the developers to explore the potential of the markup language.

Here we have fresh HTML5 resources which are very useful for both designers and developers. HTML5 is an extremely useful markup language for enhancing user experience and usability. It is becoming more and more popular, as a web developer or designer, you’ll need to keep up with the latest news and learn new skills.

Today’s we put together a list of twenty five useful HTML5 Tools and resources to help save you time and energy along the way. The collection based on framework, libraries, tools, techniques, and plugins. Enjoy!
HTML5 Framework & Tools For Designers & Developers

HTML5 is making the web design more powerful in different areas. Fast, Secure, Responsive, Interactive and beautiful. These  words are  belongs to HTML5. HTML5 have many features that allow developers and designers to create apps and websites with the functionality, speed, performance, and experience of desktop applications. These HTML5 Tools can help to develop your project must faster and easier.

Here is the list of 25 HTML5 frameworks and Tools for front-end designing and development. Enjoy!
RazorFlow: Create Responsive & HTML5 Dashboards With PHP Framework

RazorFlow: Create Responsive & HTML5 Dashboards With PHP Framework

RazorFlow is a PHP framework for quickly and easily creating Responsive and HTML5 dashboards that work well on all major devices and browsers. It works by simply inserting a single PHP file into any app, feeding it with data and choosing the output type. It can work with MySQL, PostgreSQL, or SQLite databases.

Demo Download
Zebra: Create Desktop-Like User Interface With HTML5 Canvas

Zebra: Desktop-Like User Interface With HTML5 Canvas

Zebra is a JavaScript library that come up with a rich user interface components for creating desktop-like layouts. The UI elements are built with HTML5 canvas, colored with CSS and expected to be rendered the same on all modern browsers.

Demo Download
Workless: HTML5-CSS3 Framework for Building Cross-Browsers Websites

Workless: HTML5-CSS3 Framework for Building Cross-Browsers Websites

Workless is an HTML5-CSS3 framework for building cross-browsers websites with ease. It is a project that started as a mashup of Bootstrap + HTML5 Boilerplate, evolved more and now has most of the frequently-used stuff.

Demo Download
Native: HTML5 Mobile Apps Framework

Native: HTML5 Mobile Apps Framework

Junior is a HTML5 framework for front-end creating mobile apps that look and behave like native. It’s a pretty easy to use and has the documents + examples to get you started. It uses CSS3 transitions for a slick performance, supports swipable carousels and includes various UI components (from Ratchet).

Demo Download
Radi: Visual Design Application with HTML & JavaScript

Radi: Visual Design Application with HTML5 and Javascript

Radi is a awesome visual design application creating websites with standard and human-readable HTML + JavaScript code. It has built-in tools for creating/editing graphics (they can be imported too) and generating animations with <canvas> output that work in all modern browsers including mobile.

Demo Download
HTML5 Bones: Boilerplate for HTML5-powered Websites

HTML5 Bones: Boilerplate for HTML5-powered Websites

HTML5 Bones is a boilerplate for HTML5-powered websites including the most-required stuff (normalize.css, html5shiv, etc.) in the markup. It simply shows the usage of HTML5 markup including header, section, article, footer and more (there is also an example of video as well).

Demo Download
Literally Canvas: HTML5 Drawing Widget

Literally Canvas: HTML5 Drawing Widget

Literally Canvas is a HTML5 open source widget, which can be integrated into any page, for enabling users to draw online. It comes with a simple set of tools including draw, erase, color-picker, undo, redo, pan and zoom.

Demo Download
HTML5 Sortable: HTML5 Drag and Drop For List

HTML5 Sortable: HTML5 Drag and Drop For List

HTML5 Sortable is a lightweight (<1kb when minified/gzipped), supports “connected lists (moving items between different lists)” and works in all major browsers. This plugin uses the native HTML5 drag and drop API for creating sortable lists/grids and provides a similar API + behavior when compared to jQuery UI’s sortable.

Demo Download
Gauge.js: Animated Gauges With HTML5 Canvas

Gauge.js: Animated Gauges With HTML5 Canvas

Gauge.js is a slick script for creating animated gauges with JavaScript (Coffeescript) in HTML5 canvas. The script is standalone (jQuery is supported but not required) and doesn’t use any images or CSS.

Demo Download
Sonic: HTML5 Loaders with an Editor

Sonic: HTML5 Loaders with an Editor

Sonic is a tiny JavaScript class for creating such loader images with HTML5 canvas. There are ready-to-use examples provided and a web-based Sonic Creator exists for creating loaders and getting them as a HTML5 canvas code, animated GIF or a sprite image with the CSS3 code.

Demo Download
Chart.js: Charting Library with HTML5 Canvas

Chart.js: Charting Library with HTML5 Canvas

Chart.js easy, object oriented JavaScript charting libaray with html5 canvas for designers and developers. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, <5kb package.

Demo Download
WYSIHTML5: Rich Text Editor With HTML5 Markup

WYSIHTML5: Rich Text Editor With HTML5 Markup

WYSIHTML5 is an open source rich text editor, developed by Xing, that produces non-bloated, valid HTML5 code. The editor doesn’t rely on any JS framework, it islightweight and loads/works pretty fast. It transforms textarea fields and provides the major stuff including text styles (bold, italic), lists, headers, inserting images or links and coloring the text.
WYSIHTML5 speeds up the writing process by auto-linking the URLs and offers a secure usage by using sandboxed iframes in order to prevent identity theft through XSS.

Demo Download
Percentage Loader: Attractive Loader With jQuery & HTML5

Percentage Loader: Attractive Loader With jQuery & HTML5

Percentage Loader is a jQuery plugin which makes use of HTML5 canvas (no images) for creating a very good looking loader.

The loader is only 10kb (minified), can also be used as a drag ‘n’ drop supportedcontroller (like a circular volume button) and multiple instances of it can be displayed in the same page.

Demo Download
Howler.js: JavaScript Library For Web Audio

Howler.js: JavaScript Library For Web Audio

Howler.js is a JavaScript library that works with Web Audio API by default and falls back to HTML5 Audio when not supported.
It accepts multiple file formats for cross-browser compatibility, has caching and can play many sounds at the same time (it is also mute/un-mute them one-by-one or globally).

The sounds can be looped, a fadeIn/fadeOut effect exists and standard media controls are just a part of the library.

Demo Download
Audio5js: HTML5 Audio Library

Audio5js: HTML5 Audio Library

HTML5 audio is awesome, so easy to implement and works fast. The only thing that can stop you from using it is the lack of support for older browsers.
Audio5js is a lightweight JavaScript library that solves this compatibility issue nicely.
It provides support for multiple codecs and fallback to a Flash-powered MP3 playerwhen needed.

Demo Download
Fabric.js: HTML5 Framework

Fabric.js: HTML5 Framework

Fabric.js HTML5 Canvas coding framework with offering methods for creating objects and manipulating them, the framework also works as a SVG-to-Canvas parser (and vice-versa).

Demo Download
D3-Cloud: Word Clouds With JavaScript and HTML5

D3-Cloud: Word Clouds With JavaScript and HTML5

D3-Cloud is a beautiful and open sourced implementation of word clouds that are familiar from Wordle.com.
It is built with the D3.js library, uses HTML5 canvas for drawing the output and works asynchronously for a good performance.

Demo Download
cgSceneGraph: Animation Framework With HTML5 Canvas

cgSceneGraph: Animation Framework With HTML5 Canvas

cgSceneGraph is an object-oriented and easy-to-use JavaScript animation frameworkthat is built on top of HTML5 canvas.

It is created with professional apps and games in mind, works cross-browser and has lots of built-in nodes like images, text, buttons, shapes, etc.

Demo Download
Native Form Elements: All Form Elements in One Place

Native Form Elements: All Form Elements in One Place

HTML form elements look and behave slightly (or sometimes more) different in each browser.

In order to find out the differences and test them easily, there is a website: Native Form Elements. it lists all the form elements including HTML5 elements and their disabled states.

Demo Download
Font Dragr: Online Drag and Drop Font Testing Tool

Font Dragr: Online Drag and Drop Font Testing Tool

A revolutionary way to test custom fonts in the browser. No coding, no uploading, justdrag and drop. As a designer, choosing a decent font can be a tough process! Use this awesome font bookmark to instantly view any web page in a new font without changing any HTML or CSS! Harness the power of HTML5 and @font-face by dragging the font.ttf files into the top toolbar and they will appear in a list for quick view.

Demo Download
jQuery HTML5 Uploader: Lightweight jQuery Plguin

jQuery HTML5 Uploader: Lightweight jQuery Plguin

jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app. You only need to create a dropbox element (i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded. It also works with the multiple input file element.

Demo Download
HTML5 File Uploads with jQuery

HTML5 File Uploads with jQuery

Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers. Uploading files using HTML5 is actually a combination of three technologies – the new File Reader API, the also new Drag & Drop API, and the good ol’ AJAX (with the addition of binary data transfer).

Demo Download