{"id":538,"date":"2015-01-26T20:39:30","date_gmt":"2015-01-26T20:39:30","guid":{"rendered":"http:\/\/www.megkurdziolek.com\/?page_id=538"},"modified":"2015-07-16T13:59:15","modified_gmt":"2015-07-16T13:59:15","slug":"tools-and-resources","status":"publish","type":"page","link":"https:\/\/www.megkurdziolek.com\/?page_id=538","title":{"rendered":"Tools and Resources"},"content":{"rendered":"<p>Please feel free to use the worksheets and resources below to facilitate design studios and working sessions with your team.\u00a0And\u00a0please let me know if you do!<\/p>\n<script>\n\tvar lightbox_transition = 'elastic';\n\tvar lightbox_speed = 800;\n\tvar lightbox_fadeOut = 300;\n\tvar lightbox_title = true;\n\tvar lightbox_scalePhotos = true;\n\tvar lightbox_scrolling = false;\n\tvar lightbox_opacity = 0.201;\n\tvar lightbox_open = false;\n\tvar lightbox_returnFocus = true;\n\tvar lightbox_trapFocus = true;\n\tvar lightbox_fastIframe = true;\n\tvar lightbox_preloading = true;\n\tvar lightbox_overlayClose = true;\n\tvar lightbox_escKey = false;\n\tvar lightbox_arrowKey = true;\n\tvar lightbox_loop = false;\n\tvar lightbox_closeButton = true;\n\tvar lightbox_previous = \"previous\";\n\tvar lightbox_next = \"next\";\n\tvar lightbox_close = \"close\";\n\tvar lightbox_html = false;\n\tvar lightbox_photo = false;\n\tvar lightbox_width = 'false';\n\tvar lightbox_height = 'false';\n\tvar lightbox_innerWidth = 'false';\n\tvar lightbox_innerHeight = 'false';\n\tvar lightbox_initialWidth = '300';\n\tvar lightbox_initialHeight = '100';\n\t\n        var maxwidth=jQuery(window).width();\n        if(maxwidth>768){maxwidth=768;}\n        var lightbox_maxWidth = maxwidth;\n        var lightbox_maxHeight = 500;\n        \n\tvar lightbox_slideshow = false;\n\tvar lightbox_slideshowSpeed = 2500;\n\tvar lightbox_slideshowAuto = true;\n\tvar lightbox_slideshowStart = \"start slideshow\";\n\tvar lightbox_slideshowStop = \"stop slideshow\";\n\tvar lightbox_fixed = true;\n\t\t\tvar lightbox_top = false;\n\t\tvar lightbox_bottom = false;\n\t\tvar lightbox_left = false;\n\t\tvar lightbox_right = false;\n\t\t\n\tvar lightbox_reposition = false;\n\tvar lightbox_retinaImage = true;\n\tvar lightbox_retinaUrl = false;\n\tvar lightbox_retinaSuffix = \"@2x.$1\";\n\t\n\t\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery(\"#huge_it_portfolio_content_3 a[href$='.jpg'], #huge_it_portfolio_content_3 a[href$='.png'], #huge_it_portfolio_content_3 a[href$='.gif']\").addClass('group1');\n\t\t\t\tjQuery(\".group1\").colorbox({rel:'group1'});\n\t\t\t\tjQuery(\".callbacks\").colorbox({\n\t\t\t\t\tonOpen:function(){ alert('onOpen: colorbox is about to open'); },\n\t\t\t\t\tonLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },\n\t\t\t\t\tonComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },\n\t\t\t\t\tonCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },\n\t\t\t\t\tonClosed:function(){ alert('onClosed: colorbox has completely closed'); }\n\t\t\t\t});\n\n\t\t\t\tjQuery('.non-retina').colorbox({rel:'group5', transition:'none'})\n\t\t\t\tjQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\n\t\t\t\t\n\n\t\t\t\tjQuery(\"#click\").click(function(){ \n\t\t\t\t\tjQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t});\n\t\t\n<\/script>\n\t<!--Huge IT portfolio START-->\n\t\t<link href=\"https:\/\/www.megkurdziolek.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/colorbox-1.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t\t\t\n\t\n\t\t\n\t\n\t\n\t\n\n\t\n\n<style type=\"text\/css\"> \n\n.element_3 {\n\tposition: relative;\n\twidth:93%; \n\tmargin:5px 0px 5px 0px;\n\tpadding:2%;\n\tclear:both;\n\toverflow: hidden;\n\tborder:1px solid #DEDEDE;\n\tbackground:#F9F9F9;\n}\n\n.element_3 > div {\n\tdisplay:table-cell;\n}\n\n.element_3 div.left-block_3 {\n\tpadding-right:10px;\n}\n\n.element_3 div.left-block_3 .main-image-block_3 {\n\tclear:both;\n\twidth:240px; \n}\n\n.element_3 div.left-block_3 .main-image-block_3 img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:240px !important; \n\theight:auto;\n}\n\n.element_3 div.left-block_3 .thumbs-block {\n\tposition:relative;\n\tmargin-top:10px;\n}\n\n.element_3 div.left-block_3 .thumbs-block ul {\n\twidth:240px; \n\theight:auto;\n\tdisplay:table;\n\tmargin:0px;\n\tpadding:0px;\n\tlist-style:none;\n}\n\n.element_3 div.left-block_3 .thumbs-block ul li {\n\tmargin:0px 3px 0px 2px;\n\tpadding:0px;\n\twidth:75px; \n\theight:75px; \n\tfloat:left;\n}\n\n.element_3 div.left-block_3 .thumbs-block ul li a {\n\tdisplay:block;\n\twidth:75px; \n\theight:75px; \n}\n\n.element_3 div.left-block_3 .thumbs-block ul li a img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:75px; \n\theight:75px; \n}\n\n.element_3 div.right-block {\n\tvertical-align:top;\n}\n\n.element_3 div.right-block > div {\n\twidth:100%;\n\tpadding-bottom:10px;\n\tmargin-top:10px;\n\t\t\tbackground:url('https:\/\/www.megkurdziolek.com\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/divider.line.png') center bottom repeat-x;\n\t\t\n}\n\n.element_3 div.right-block > div:last-child {\n\tbackground:none;\n}\n\n.element_3 div.right-block .title-block_3  {\n\tmargin-top:3px;\n}\n\n.element_3 div.right-block .title-block_3 h3 {\n\tmargin:0px;\n\tpadding:0px;\n\tfont-weight:normal;\n\tfont-size:18px !important;\n\tline-height:22px !important;\n\tcolor:#0074A2;\n}\n\n.element_3 div.right-block .description-block_3 p,.element_3 div.right-block .description-block_3 * {\n\tmargin:0px;\n\tpadding:0px;\n\tfont-weight:normal;\n\tfont-size:14px;\n\tcolor:#555555;\n}\n\n\n.element_3 div.right-block .description-block_3 h1,\n.element_3 div.right-block .description-block_3 h2,\n.element_3 div.right-block .description-block_3 h3,\n.element_3 div.right-block .description-block_3 h4,\n.element_3 div.right-block .description-block_3 h5,\n.element_3 div.right-block .description-block_3 h6,\n.element_3 div.right-block .description-block_3 p, \n.element_3 div.right-block .description-block_3 strong,\n.element_3 div.right-block .description-block_3 span {\n\tpadding:2px !important;\n\tmargin:0px !important;\n}\n\n.element_3 div.right-block .description-block_3 ul,\n.element_3 div.right-block .description-block_3 li {\n\tpadding:2px 0px 2px 5px;\n\tmargin:0px 0px 0px 8px;\n}\n\n.element_3 .button-block {\n\tposition:relative;\n}\n\n.element_3 div.right-block .button-block a,.element_3 div.right-block .button-block a:link,.element_3 div.right-block .button-block a:visited {\n\tposition:relative;\n\tdisplay:inline-block;\n\tpadding:6px 12px;\n\tbackground:#3E8DE7;\n\tcolor:#FFFFFF;\n\tfont-size:14;\n\ttext-decoration:none;\n}\n\n.element_3 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.element_3 div.right-block .button-block a:active {\n\tbackground:#3373BD;\n\tcolor:#FFFFFF;\n}\n\n\n\n@media only screen and (max-width: 767px) {\n\t\n\t.element_3 > div {\n\t\tdisplay:block;\n\t\twidth:100%;\n\t\tclear:both;\n\t}\n\n\t.element_3 div.left-block_3 {\n\t\tpadding-right:0px;\n\t}\n\n\t.element_3 div.left-block_3 .main-image-block_3 {\n\t\tclear:both;\n\t\twidth:100%; \n\t}\n\n\t.element_3 div.left-block_3 .main-image-block_3 img {\n\t\tmargin:0px !important;\n\t\tpadding:0px !important;\n\t\twidth:100% !important;  \n\t\theight:auto;\n\t}\n\n\t.element_3 div.left-block_3 .thumbs-block ul {\n\t\twidth:100%; \n\t}\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 {\n        overflow: hidden;\n    margin-top: 5px;\n    float: top;\n    width: 100%;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  list-style: none;\nfloat:left;margin-left:1%;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  overflow: hidden;\n  float:left;margin-left:1%;}\n\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li {\n    border-radius: 0px;\n    list-style-type: none;\n    margin: 0px !important;\n    float:left !important;margin: 4px 8px 4px 0px !important;float:left !important;border: 1px solid #ccc;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {\n    background-color: #F7F7F7 !important;\n    font-size:14px !important;\n    color:#555555 !important;\n    text-decoration: none;\n    cursor: pointer;\n    margin: 0px !important;\n    display: block;\n    padding:3px;\n}\n\n\/*#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li:hover {\n    \n}*\/\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a:hover {\n    background-color: #3373BD !important;\n    color:#FFFFFF !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 {\n    margin-top: 5px;\n    float: top;\n   width: 100%;\n    }\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li {\n    list-style-type: none;\n    float:left !important;margin: 4px 8px 4px 0px !important;float:left !important;border: 1px solid #ccc;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a {\n    font-size:12px !important;\n    color:#555555 !important;\n    background-color: #F7F7F7 !important;\n    border-radius: 3px;\n    padding: 3px;\n    display: block;\n    text-decoration: none;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3  ul li a:hover {\n    color:#FFFFFF !important;\n    background-color: #3373BD !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_3 section {\n    position:relative;\n    display:block;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_container_3 {\n\n    }\n<\/style>\n      \n<section id=\"huge_it_portfolio_content_3\">\n     \n        <div id=\"huge_it_portfolio_container_3\" class=\"super-list variable-sizes clearfix\" style='clear: both;'>\n                                    <div class=\"element_3   \" data-symbol=\"UX Heuristic Evaluation Worksheet\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_3\">\n                                      <div class=\"main-image-block_3\">\n                                                                                                                                                  <a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2016\/04\/HeuristicEvaluationWorksheetImg.png\"><img id=\"wd-cl-img0\"src=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2016\/04\/HeuristicEvaluationWorksheetImg.png\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_3\">\t\t\t\t\t\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_3\"><h3>UX Heuristic Evaluation Worksheet<\/h3><\/div>                                                                          <div class=\"description-block_3\"><p><p>This worksheet can be used to quickly evaluate the usability of a product using the classic <a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\"> 10 Usability Heuristics <\/a> developed by the Nielsen Norman Group.<\/p>\r\n<p><a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2016\/04\/UX-Heuristic-Evaluation-Worksheet.pdf\">Download Worksheet<\/a><\/p><\/p><\/div>\n                                                                                                <\/div>\n                      <\/div>\n\n                                <div class=\"element_3  My_Third_Category  \" data-symbol=\"Design Persona Worksheet\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_3\">\n                                      <div class=\"main-image-block_3\">\n                                                                                                                                                  <a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/01\/DesignPersonaWSScreenShot.png\"><img id=\"wd-cl-img1\"src=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/01\/DesignPersonaWSScreenShot.png\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_3\">\t\t\t\t\t\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_3\"><h3>Design Persona Worksheet<\/h3><\/div>                                                                          <div class=\"description-block_3\"><p><p>This worksheet can be used to facilitate working design sessions on articulating your product design persona.<\/p>\r\n<p><a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/01\/DesignPersonaWorksheet.pdf\">Download Worksheet<\/a><\/p><\/p><\/div>\n                                                                                                <\/div>\n                      <\/div>\n\n                                <div class=\"element_3   \" data-symbol=\"Storyboard Template\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_3\">\n                                      <div class=\"main-image-block_3\">\n                                                                                                                                                  <a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/10\/StoryboardTemplateIMG.png\"><img id=\"wd-cl-img2\"src=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/10\/StoryboardTemplateIMG.png\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_3\">\t\t\t\t\t\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_3\"><h3>Storyboard Template<\/h3><\/div>                                                                          <div class=\"description-block_3\"><p><p>This is a 6-tile storyboard template I developed as part of a UX Foundations course.<\/p>\r\n<p><a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/10\/StoryboardTemplateMDK.pdf\">Download Template<\/a><\/p><\/p><\/div>\n                                                                                                <\/div>\n                      <\/div>\n\n                                <div class=\"element_3  Template  \" data-symbol=\"Persona Template\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_3\">\n                                      <div class=\"main-image-block_3\">\n                                                                                                                                                  <a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/10\/PersonaTemplateIMG.png\"><img id=\"wd-cl-img3\"src=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/10\/PersonaTemplateIMG.png\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_3\">\t\t\t\t\t\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_3\"><h3>Persona Template<\/h3><\/div>                                                                          <div class=\"description-block_3\"><p><p>This is a basic user persona template I developed as part of a UX Foundations course.<\/p>\r\n<p><a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/10\/PersonaTemplateMDK.pdf\">Download Template<\/a><\/p><\/p><\/div>\n                                                                                                <\/div>\n                      <\/div>\n\n                                <div class=\"element_3   \" data-symbol=\"Hooked Cycle Worksheet\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_3\">\n                                      <div class=\"main-image-block_3\">\n                                                                                                                                                  <a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/01\/HookedWSScreenShot.png\"><img id=\"wd-cl-img4\"src=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/01\/HookedWSScreenShot.png\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_3\">\t\t\t\t\t\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_3\"><h3>Hooked Cycle Worksheet<\/h3><\/div>                                                                          <div class=\"description-block_3\"><p><p>This worksheet can be used to facilitate working design sessions on creating a product users are \"Hooked\" on.<\/p> \r\n<p>The terminology is taken from Nir Eyal's book titled \"Hooked\". I recommend buying and reading his book before using this worksheet. <\/p>\r\n<p><a href=\"http:\/\/www.megkurdziolek.com\/wp-content\/uploads\/2015\/01\/HookedDesignWorksheet.pdf\">Download Worksheet<\/a> <\/p><\/p><\/div>\n                                                                                                <\/div>\n                      <\/div>\n\n          \n        <\/div>\n <\/section>\n  \n<script>\njQuery(function(){\nvar defaultBlockWidth=240;\n    \n    var $container = jQuery('#huge_it_portfolio_container_3');\n    \n    \n      \/\/ add randomish size classes\n      $container.find('.element_3').each(function(){\n        var $this = jQuery(this),\n            number = parseInt( $this.find('.number').text(), 10 );\n\t\t\t\/\/alert(number);\n        if ( number % 7 % 2 === 1 ) {\n          $this.addClass('width2');\n        }\n        if ( number % 3 === 0 ) {\n          $this.addClass('height2');\n        }\n      });\n    \n    $container.hugeitmicro({\n      itemSelector : '.element_3',\n      masonry : {\n        columnWidth : +20+0      },\n      masonryHorizontal : {\n        rowHeight: 300+20\n      },\n      cellsByRow : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      cellsByColumn : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      getSortData : {\n        symbol : function( $elem ) {\n          return $elem.attr('data-symbol');\n        },\n        category : function( $elem ) {\n          return $elem.attr('data-category');\n        },\n        number : function( $elem ) {\n          return parseInt( $elem.find('.number').text(), 10 );\n        },\n        weight : function( $elem ) {\n          return parseFloat( $elem.find('.weight').text().replace( \/[\\(\\)]\/g, '') );\n        },\n        id : function ( $elem ) {\n          return $elem.find('.id').text();\n        }\n      }\n    });\n    \n    \n      var $optionSets = jQuery('#huge_it_portfolio_options_3 .option-set'),\n          $optionLinks = $optionSets.find('a');\n\n      $optionLinks.click(function(){\n        var $this = jQuery(this);\n\n        if ( $this.hasClass('selected') ) {\n          return false;\n        }\n        var $optionSet = $this.parents('.option-set');\n        $optionSet.find('.selected').removeClass('selected');\n        $this.addClass('selected');\n  \n\n        var options = {},\n            key = $optionSet.attr('data-option-key'),\n            value = $this.attr('data-option-value');\n\n        value = value === 'false' ? false : value;\n        options[ key ] = value;\n        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {\n\n          changeLayoutMode( $this, options )\n        } else {\n\n          $container.hugeitmicro( options );\n        }\n        \n        return false;\n      });\n\n\n    \n\n      var isHorizontal = false;\n      function changeLayoutMode( $link, options ) {\n        var wasHorizontal = isHorizontal;\n        isHorizontal = $link.hasClass('horizontal');\n\n        if ( wasHorizontal !== isHorizontal ) {\n\n          var style = isHorizontal ? \n            { height: '75%', width: $container.width() } : \n            { width: 'auto' };\n\n          $container.filter(':animated').stop();\n\n          $container.addClass('no-transition').css( style );\n          setTimeout(function(){\n            $container.removeClass('no-transition').hugeitmicro( options );\n          }, 100 )\n        } else {\n          $container.hugeitmicro( options );\n        }\n      }\n\n\n    \n\n      $container.delegate( '.default-block_3', 'click', function(){\n          var strheight=0;\n          jQuery(this).parents('.element_3').find('.wd-portfolio-panel_3 > div').each(function(){\n                strheight+=jQuery(this).outerHeight()+10;\n                \/\/alert(strheight);\n          })\n          strheight+=205;\n\t  \t\t\tif(jQuery(this).parents('.element_3').hasClass(\"large\")){\n\t\t\tjQuery(this).parents('.element_3').animate({\n\t\t\t\theight: \"205px\"\n\t\t\t}, 300, function() {\n\t\t\t\tjQuery(this).removeClass('large');\n\t\t\t\t$container.hugeitmicro('reLayout');\n\t\t\t});\n\t\t\t\n\t\t\tjQuery(this).parents('.element_3').removeClass(\"active\");\n\t\t\treturn false;\n\t\t}\n\t\t\n\t\n\t\tjQuery(this).parents('.element_3').css({height:strheight});\n\t\tjQuery(this).parents('.element_3').addClass('large');\n\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(this).parents('.element_3').css({height:\"205px\"});\t\t \n\t\t \n\t\t\/\/alert(strheight);\n\t\t \n\t\t jQuery(this).parents('.element_3').animate({\n\t\t\theight:strheight+\"px\",\n\t\t  }, 300,function(){\t$container.hugeitmicro('reLayout');});\n\t});\n\n    var $sortBy =  jQuery('#huge_it_portfolio_content_3 #sort-by');\n    jQuery('#huge_it_portfolio_content_3 #shuffle a').click(function(){\n      $container.hugeitmicro('shuffle');\n      $sortBy.find('.selected').removeClass('selected');\n      $sortBy.find('[data-option-value=\"random\"]').addClass('selected');\n      return false;\n    });\n    \n    \/\/\/\/filteringgggggg\n\n        \/\/ bind filter on select change\n        jQuery(document).ready(function(){\n            jQuery('#huge_it_portfolio_filters_3 ul li').click(function() {\n              \/\/ get filter value from option value\n              var filterValue = jQuery(this).attr('rel');\n              \/\/ use filterFn if matches value\n              filterValue = filterValue;\/\/filterFns[ filterValue ] || \n              $container.hugeitmicro({ filter: filterValue });\n            });\n                    });\n        \n        \/\/end of filtering\n        \n        jQuery(window).load(function(){\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(window).resize(function(){$container.hugeitmicro('reLayout');});\n\t});\n\n  });\n<\/script>\n\t  \n\t     \n\t\n      \n","protected":false},"excerpt":{"rendered":"<p>Please feel free to use the worksheets and resources below to facilitate design studios and working sessions with your team.\u00a0And\u00a0please let me know if you do!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0},"_links":{"self":[{"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=\/wp\/v2\/pages\/538"}],"collection":[{"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=538"}],"version-history":[{"count":5,"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=\/wp\/v2\/pages\/538\/revisions"}],"predecessor-version":[{"id":605,"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=\/wp\/v2\/pages\/538\/revisions\/605"}],"wp:attachment":[{"href":"https:\/\/www.megkurdziolek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}