Miguel Pérez miguel-perez

## Isometric-game-grid.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                miguel-perez
                / Isometric-game-grid.markdown
            
            
              Created
              July 3, 2014 03:05
            
              
                A Pen by Miguel Ángel Pérez.
              
          
    Isometric game grid

Mock of an idea for a map generator for an isometric game.
A Pen by Miguel Ángel Pérez on CodePen.
License.

  
## about.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>About - Document</title>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/jquery.smoothState.js"></script>
	<script src="js/scripts.js"></script>
</head>
<body>

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                miguel-perez
                / README.md
            
            
              Last active
              August 29, 2015 14:04
            
              
                Barebones implementation of jQuery.smoothState.js
              
          
    By default, jQuery.smoothState.js will:

Prevent links from triggering a full page load
Update the user's URLs and history as to not break browsing expectations
Use Ajax to request and cache on the user's device


## README.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                miguel-perez
                / README.md
            
            
              Created
              July 27, 2014 16:56
            
          
    A typical implementation of jQuery.smoothState.js using a simple fade effect for page transitoins.

  
## README.md

      
              5 files
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                miguel-perez
                / README.md
            
            
              Last active
              August 29, 2015 14:04
            
              
                An example of page transitions with jQuery.smoothState.js
              
          
    An example of how to implement cool page transitions with jQuery.smoothState.js.

  
## disqus.js

// DISQUS
var MP = MP || {};
MP.comments = {
    init: function(){
        "use strict";
        var disqus_shortname = 'miguelperez';
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';

## initSmoothState.js
// Contents of functions.js
;(function($) {
  'use strict';
  var $body = $('html, body'),
      content = $('#main').smoothState({
        // Runs when a link has been activated
        onStart: function(url, $container) {
          // toggleAnimationClass() is a public method
          // for restarting css animations with a class
          content.toggleAnimationClass('is-exiting');

## test.js

var
/**
 * Fires a custom event when all animations are complete
 * @param   {object}    $element - jQuery object that should trigger event
 *
 */
 triggerAllAnimationEndEvent = function ($element) {
    var animationCount      = 0,
        animationstart      = "animationstart webkitAnimationStart oanimationstart MSAnimationStart",

## test.html
<p>Hello world</p>

## footer.html
        <footer id="lwf-footer" role="contentinfo">
          <div class="content">
            <div class="footer">
              <div class="corset">
                <div class="footer__row">
                  <div class="footer__left">
                    <section class="footer__section">
                      <h1 class="visuallyhidden">Social media links</h1>
                      <ul class="link-list link-list--social">
                        <li class="link-list__item">
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>About - Document</title>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/jquery.smoothState.js"></script>
	<script src="js/scripts.js"></script>
	</head>
	<body>

	// DISQUS
	var MP = MP \|\| {};
	MP.comments = {
	init: function(){
	"use strict";
	var disqus_shortname = 'miguelperez';
	(function() {
	var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
	dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
	// Contents of functions.js
	;(function($) {
	'use strict';
	var $body = $('html, body'),
	content = $('#main').smoothState({
	// Runs when a link has been activated
	onStart: function(url, $container) {
	// toggleAnimationClass() is a public method
	// for restarting css animations with a class
	content.toggleAnimationClass('is-exiting');

	var
	/**
	* Fires a custom event when all animations are complete
	* @param {object} $element - jQuery object that should trigger event
	*
	*/
	triggerAllAnimationEndEvent = function ($element) {
	var animationCount = 0,
	animationstart = "animationstart webkitAnimationStart oanimationstart MSAnimationStart",