Piotr Łepkowski ozrabal

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>

This gist is about token-based authentication (who you are?) with redux

Currently it for clent-side apps only. Not for universall (isomorphic) apps. Will add it soon

0. Requirements

I'm using the promise middleware to dispatch actions like this:

Single Page Apps are ruling the world and AngularJS is leading the charge. But many of the lessons we learned in the Web 2.0 era no longer apply, and few are as drastically different as authentication.

CORS

CORS is an oft-misunderstood feature of new browsers that is configured by a remote server. CORS stands for Cross-Origin-Resource-Sharing, and was designed to make it possible to access services outside of the current origin (or domain) of the current page.

Like many browser features, CORS works because we all agree that it works. So all major browsers like Chrome, Firefox, and IE support and enforce it. By using these browsers, you benefit from the security of CORS.

That means certain browsers do not enforce it, so it is not relevant there. One large example is a native Web View for things like Cordova and Phonegap. However, these tools often have configuration options for whitelisting domains so you can add some security that way.

	// Implementation in ES6
	function pagination(c, m) {
	var current = c,
	last = m,
	delta = 2,
	left = current - delta,
	right = current + delta + 1,
	range = [],
	rangeWithDots = [],
	l;

	<?php

	/**
	* Insert an attachment from a URL address.
	*
	* @param string $url The URL address.
	* @param int\|null $parent_post_id The parent post ID (Optional).
	* @return int\|false The attachment ID on success. False on failure.
	*/
	function wp_insert_attachment_from_url( $url, $parent_post_id = null ) {

	function tattoo_submit() {

	if (isset($_POST["addtattoo"])) {

	$title = "Tattoo : ". $_POST["tatooInput"];

	$my_post = array(
	'post_title' => $title,
	'post_status' => 'publish',
	'post_author' => 1,

	// === Arrays

	var [a, b] = [1, 2];
	console.log(a, b);
	//=> 1 2


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];

	// for debug : trace every event
	/*var originalTrigger = wp.media.view.MediaFrame.Post.prototype.trigger;
	wp.media.view.MediaFrame.Post.prototype.trigger = function(){
	console.log('Event Triggered:', arguments);
	originalTrigger.apply(this, Array.prototype.slice.call(arguments));
	}*/


	// custom state : this controller contains your application logic
	wp.media.controller.Custom = wp.media.controller.State.extend({

	<?php

	add_action('admin_init', 'add_meta_boxes', 1);
	function add_meta_boxes() {
	add_meta_box( 'repeatable-fields', 'Audio Playlist', 'repeatable_meta_box_display', 'post', 'normal', 'high');
	}

	function repeatable_meta_box_display() {
	global $post;

	<?php

	/*
	Here's a couple of metaboxes that I've recently created using this system
	*/


	$subpostings = redrokk_metabox_class::getInstance('subpostings', array(
	'title' => '(optional) Subscription for Postings',
	'description' => "As an optional feature, you have a complete api at your disposal which will allow you the ability to offer and manage member posts. In addition to these settings, you may need to create the associated pages for accepting posts from your frontend.",