sunpietro sunpietro

## index.html
<body>
  <div class="task api-1"></div>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
  <script id="user-profile" type="text/template">
  <div class="user">
    <img src="<%= picture %>" alt="">
    <div class="info">
      <h3><%= name.first%> <%= name.last%></h3>
      <dl>

## detectAnagrams.js
function detectAnagrams(a, b) {
  return a.toLowerCase().split('').sort().join('') === b.toLowerCase().split('').sort().join('');
};

## sm-annotated.html
<script type="text/javascript">
    (function () {
      "use strict";
      // once cached, the css file is stored on the client forever unless
      // the URL below is changed. Any change will invalidate the cache
      var css_href = './index_files/web-fonts.css';
      // a simple event handler wrapper
      function on(el, ev, callback) {
        if (el.addEventListener) {
          el.addEventListener(ev, callback, false);

## grunt-sitemap.php
<?php
/**
 * Plugin Name: Grunt Sitemap Generator
 * Plugin URI: http://www.github.com/lgladdy
 * Description: Generate a JSON list of every page on a site so it can be used with grunt and uncss. Create a folder in /wp-content called mu-plugins, and drop this code into that folder, as grunt-sitemap.php
 * Author: Liam Gladdy
 * Author URI: http://gladdy.co.uk
 * Version: 1.0
 */


## createContent.js
var pageUrl     = 'http://ez.local',
    authAgent   = new SessionAuthAgent({
        login   : 'admin',
        password: 'admin'
    }),
    jsRestClient        = new CAPI(pageUrl, authAgent),
    contentService      = jsRestClient.getContentTypeService(),
    parentLocationId    = '/api/ezp/v2/content/locations/1/2/102',
    contentTypeId       = '/api/ezp/v2/content/types/16',
    locationStruct      = contentService.newLocationStruct(parentLocationId),

## GlobalEvents.js
(function(window){

	var EVENT_EXISTS = 'GlobalEvents: Event already exists.';

	var eventIsRunning,
		_eventStack,
		_findByName,
		stackEvent,
		removeEvent,
		eventListener,

## index.html
<div class="container">
    <div class="element"></div>
</div>

## _intro.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                sunpietro
                / _intro.md
            
            
              Last active Aug 29, 2015
                — forked from stryju/_intro.md
            
          
      View _intro.md
  
    
    something something es6
a bit cleaned up version of my "slides"

disclaimer:
this "talk" was done to show some "real life use cases"
to simplify the knowledge I mainly got from Axel Rauschmayer's articles

why "destructring is a good way to go"


## styles.css
/**
 * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
 *
 * To overcome this, create media queries that target the width, height, and orientation of iOS devices.
 * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
 * the height of element `.foo` —which is a full width and height cover image.
 *
 * iOS Resolution Quick Reference: http://www.iosres.com/
 */


## Gruntfile.js
module.exports = function(grunt) {
  'use strict'

  grunt.initConfig({
    clean   : [
      'js/GoalApp/js/modules/**/*.min.js',
      'css/GoalApp/css/*.min.css'
    ],
    uglify  : {
      build : {
	<body>
	<div class="task api-1"></div>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
	<script id="user-profile" type="text/template">
	<div class="user">
	<img src="<%= picture %>" alt="">
	<div class="info">
	<h3><%= name.first%> <%= name.last%></h3>
	<dl>
	function detectAnagrams(a, b) {
	return a.toLowerCase().split('').sort().join('') === b.toLowerCase().split('').sort().join('');
	};
	<script type="text/javascript">
	(function () {
	"use strict";
	// once cached, the css file is stored on the client forever unless
	// the URL below is changed. Any change will invalidate the cache
	var css_href = './index_files/web-fonts.css';
	// a simple event handler wrapper
	function on(el, ev, callback) {
	if (el.addEventListener) {
	el.addEventListener(ev, callback, false);
	<?php
	/**
	* Plugin Name: Grunt Sitemap Generator
	* Plugin URI: http://www.github.com/lgladdy
	* Description: Generate a JSON list of every page on a site so it can be used with grunt and uncss. Create a folder in /wp-content called mu-plugins, and drop this code into that folder, as grunt-sitemap.php
	* Author: Liam Gladdy
	* Author URI: http://gladdy.co.uk
	* Version: 1.0
	*/
	var pageUrl = 'http://ez.local',
	authAgent = new SessionAuthAgent({
	login : 'admin',
	password: 'admin'
	}),
	jsRestClient = new CAPI(pageUrl, authAgent),
	contentService = jsRestClient.getContentTypeService(),
	parentLocationId = '/api/ezp/v2/content/locations/1/2/102',
	contentTypeId = '/api/ezp/v2/content/types/16',
	locationStruct = contentService.newLocationStruct(parentLocationId),
	(function(window){

	var EVENT_EXISTS = 'GlobalEvents: Event already exists.';

	var eventIsRunning,
	_eventStack,
	_findByName,
	stackEvent,
	removeEvent,
	eventListener,
	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/
	module.exports = function(grunt) {
	'use strict'

	grunt.initConfig({
	clean : [
	'js/GoalApp/js/modules/*/.min.js',
	'css/GoalApp/css/*.min.css'
	],
	uglify : {
	build : {