a:5:{s:7:"#markup";O:25:"Drupal\Core\Render\Markup":1:{s:9:"*string";s:40970:"
<!-- Start Display article for teaser page -->
<!-- Start Display article for detail page -->

<article data-history-node-id="34" role="article" about="/ff/web-development-reading-list-134-ai-keyboard-interactions-and-living-style" typeof="schema:Article" class="node node-detail node--type-article node--view-mode-full clearfix">
  <div class="post-block">
      
    <div class="post-thumbnail post-standard">
              
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <img property="schema:image" src="/ff/sites/default/files/articles/post-22.jpg" width="1200" height="825" alt="Web Development" typeof="foaf:Image" />

</div>
      
        
    </div>

    <div class="post-content">
      <div>  <div class="post-categories categories-background orange" ><a href="/ff/taxonomy/term/7" hreflang="en">Technology</a></div>
</div>
      
         <h1 class="post-title"><span property="schema:name">Web Development Reading List #134: AI, Keyboard Interactions And Living Style</span>
</h1>
        <span property="schema:name" content="Web Development Reading List #134: AI, Keyboard Interactions And Living Style" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
      <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
      
              <div class="node__meta hidden">
          <article typeof="schema:Person" about="/ff/user/1" class="profile user-profile">
   <div class="row">
               <div class="col-md-8 col-xs-12">
            <div class="views-element-container block block-views block-views-blockrelated-block-block-2 no-title" id="block-views-block-related-block-block-2">
  
    
      <div class="content block-content">
      <div><div class="categories-view-content layout-grid js-view-dom-id-1c06c5367606d4e5545bb12819bb363c75cf8b5da892d607303df70ef40d657b">
  
  
  

  
  
  

  <div class="owl-carousel init-carousel-owl" data-items="1" data-items_lg="1" data-items_md="1" data-items_sm="2" data-items_xs="1" data-loop="0" data-speed="200" data-auto_play="1" data-auto_play_speed="1000" data-auto_play_timeout="3000" data-auto_play_hover="1" data-navigation="1" data-rewind_nav="0" data-pagination="0" data-mouse_drag="1" data-touch_drag="1">
   
   
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="34" role="article" about="/ff/web-development-reading-list-134-ai-keyboard-interactions-and-living-style" typeof="schema:Article" class="node node-detail node--type-article node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/web-development-reading-list-134-ai-keyboard-interactions-and-living-style"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/post-22.jpg?itok=IY3w35nq" width="800" height="606" alt="Web Development" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background orange" ><a href="/ff/taxonomy/term/7" hreflang="en">Technology</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/web-development-reading-list-134-ai-keyboard-interactions-and-living-style" rel="bookmark"><span property="schema:name">Web Development Reading List #134: AI, Keyboard Interactions And Living Style</span>
</a></h3>
          <span property="schema:name" content="Web Development Reading List #134: AI, Keyboard Interactions And Living Style" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item">For a great project, we need a well-functioning team, solid style guides, smooth workflows and well-organized kick-off meetings. Last week, I found a couple </div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/web-development-reading-list-134-ai-keyboard-interactions-and-living-style">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="33" role="article" about="/ff/beautiful-tea-cups-make-you-matcha" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/beautiful-tea-cups-make-you-matcha"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/londonevent2.jpg?itok=KJcwZytz" width="800" height="606" alt="Image" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background dark-mint" ><a href="/ff/taxonomy/term/14" hreflang="en">Festival</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/beautiful-tea-cups-make-you-matcha" rel="bookmark"><span property="schema:name">Beautiful tea cups to make you that matcha</span>
</a></h3>
          <span property="schema:name" content="Beautiful tea cups to make you that matcha" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget tortor nec nulla congue placerat tristique id urna</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/beautiful-tea-cups-make-you-matcha">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="30" role="article" about="/ff/coffeeshops-continue-conquer-city-centres" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/coffeeshops-continue-conquer-city-centres"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/post-1.jpg?itok=-i5vUeaV" width="800" height="606" alt="image" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background orange" ><a href="/ff/taxonomy/term/8" hreflang="en">People</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/coffeeshops-continue-conquer-city-centres" rel="bookmark"><span property="schema:name">Coffeeshops continue to conquer the city centres    </span>
</a></h3>
          <span property="schema:name" content="Coffeeshops continue to conquer the city centres    " class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item">Proin id lacus non dolor viverra hendrerit vel vel magna.Duis iaculis varius urna, nec feugiat enim suscipit vitae.</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/coffeeshops-continue-conquer-city-centres">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="29" role="article" about="/ff/three-approaches-adding-configurable-fields-your" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--sticky node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/three-approaches-adding-configurable-fields-your"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/post-21.jpg?itok=x7QMjYMR" width="800" height="606" alt="image" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background orange" ><a href="/ff/taxonomy/term/7" hreflang="en">Technology</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/three-approaches-adding-configurable-fields-your" rel="bookmark"><span property="schema:name">Three Approaches To Adding Configurable Fields To Your</span>
</a></h3>
          <span property="schema:name" content="Three Approaches To Adding Configurable Fields To Your" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item"> Quisque egestas non magna ac tincidunt. Aenean laoreet commodo nulla, sed ultrices odio vehicula sit amet</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/three-approaches-adding-configurable-fields-your">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="28" role="article" about="/ff/homeoffice-tips-work-efficiently" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/homeoffice-tips-work-efficiently"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/mostraevent1.jpg?itok=uBq2tojb" width="800" height="606" alt="Image" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background dark-mint" ><a href="/ff/taxonomy/term/14" hreflang="en">Festival</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/homeoffice-tips-work-efficiently" rel="bookmark"><span property="schema:name">Homeoffice tips to work efficiently</span>
</a></h3>
          <span property="schema:name" content="Homeoffice tips to work efficiently" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item">Etiam vulputate erat a quam ullamcorper volutpat. Vestibulum vel feugiat sem, non molestie purus.</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/homeoffice-tips-work-efficiently">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="26" role="article" about="/ff/5-things-top-manager-do-stay-top" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/5-things-top-manager-do-stay-top"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/berlinevent3.jpg?itok=fJQZEqa1" width="800" height="606" alt="Image" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background green" ><a href="/ff/taxonomy/term/9" hreflang="en">Life Style</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/5-things-top-manager-do-stay-top" rel="bookmark"><span property="schema:name">5 things top manager do to stay on top</span>
</a></h3>
          <span property="schema:name" content="5 things top manager do to stay on top" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item">Duis sit amet faucibus ipsum, ac aliquet urna. In hendrerit sit amet dolor vitae semper</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/5-things-top-manager-do-stay-top">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="24" role="article" about="/ff/big-name-car-companies-go-electric-win" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/big-name-car-companies-go-electric-win"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/post-5.jpg?itok=qNIvxcZ_" width="800" height="606" alt="image" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background orange" ><a href="/ff/taxonomy/term/8" hreflang="en">People</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/big-name-car-companies-go-electric-win" rel="bookmark"><span property="schema:name">Big name car companies go electric for the win    </span>
</a></h3>
          <span property="schema:name" content="Big name car companies go electric for the win    " class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item">Duis sit amet faucibus ipsum, ac aliquet urna. In hendrerit sit amet dolor</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/big-name-car-companies-go-electric-win">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="23" role="article" about="/ff/universal-castles-working-new-unrevealed-album" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-audio">
                  


         

                            <div class="post-categories categories-background orange" ><a href="/ff/taxonomy/term/8" hreflang="en">People</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/universal-castles-working-new-unrevealed-album" rel="bookmark"><span property="schema:name">Universal Castles Is Working on A New Unrevealed Album</span>
</a></h3>
          <span property="schema:name" content="Universal Castles Is Working on A New Unrevealed Album" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item"> Etiam dignissim, ipsum vitae ullamcorper tincidunt, arcu justo mollis ligula, sed vehicula lectus</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/universal-castles-working-new-unrevealed-album">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="21" role="article" about="/ff/our-favorites-geneva-motor-show" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-gallery">
                  
<div>
<div class="owl-carousel init-carousel-owl" data-items='1' data-items='1' data-items_lg="1" data-items_md="1" data-items_xs="1" data-auto_play="1" data-navigation="1" data-auto_play_timeout="5000"><div class="item">   <img src="/ff/sites/default/files/gallery-article/post-7.jpg" width="1170" height="658" alt="Our favorites from the Geneva Motor Show" typeof="foaf:Image" />

</div><div class="item">   <img src="/ff/sites/default/files/gallery-article/post-8.jpg" width="1170" height="658" alt="Our favorites from the Geneva Motor Show" typeof="foaf:Image" />

</div><div class="item">   <img src="/ff/sites/default/files/gallery-article/post-12.jpg" width="1170" height="658" alt="Our favorites from the Geneva Motor Show" typeof="foaf:Image" />

</div><div class="item">   <img src="/ff/sites/default/files/gallery-article/post-14.jpg" width="1170" height="658" alt="Our favorites from the Geneva Motor Show" typeof="foaf:Image" />

</div></div>
</div>


         

                            <div class="post-categories categories-background green" ><a href="/ff/taxonomy/term/9" hreflang="en">Life Style</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/our-favorites-geneva-motor-show" rel="bookmark"><span property="schema:name">Our favorites from the Geneva Motor Show</span>
</a></h3>
          <span property="schema:name" content="Our favorites from the Geneva Motor Show" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:1" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item">Suspendisse sapien elit, convallis ac est in, condimentum tincidunt leo</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/our-favorites-geneva-motor-show">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
             <div class="item">
            <div>
<!-- Start Display article for teaser page -->
 
  <article data-history-node-id="19" role="article" about="/ff/lessons-learned-first-time-appreneur" typeof="schema:Article" class="node node-detail node--type-article node--promoted node--sticky node--view-mode-teaser clearfix">
    <div class="post-block display-term">
      
      <div class="post-thumbnail post-standard">
                  
            <div class="field field--name-field-image field--type-image field--label-hidden field__item">  <a href="/ff/lessons-learned-first-time-appreneur"><img property="schema:image" src="/ff/sites/default/files/styles/normal_size/public/articles/post-24.jpg?itok=IYTd04q0" width="800" height="606" alt="Lessons Learned From A First-Time Appreneur" typeof="foaf:Image" />

</a>
</div>
      
         

                            <div class="post-categories categories-background orange" ><a href="/ff/taxonomy/term/7" hreflang="en">Technology</a></div>

         
      </div>

      <div class="post-content">
        
           <h3 class="post-title"><a href="/ff/lessons-learned-first-time-appreneur" rel="bookmark"><span property="schema:name">Lessons Learned From A First-Time Appreneur</span>
</a></h3>
          <span property="schema:name" content="Lessons Learned From A First-Time Appreneur" class="hidden"></span>
  <span property="schema:interactionCount" content="UserComments:0" class="hidden"></span>
         
        <div class="post-meta">
          <span class="post-author"> <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 </span>
          <span class="space">-</span>
          <span class="post-created"> 29 November 2015 </span> 
        </div>
        <div class="post-body">
          
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item"> Duis quis nibh eget urna convallis blandit. Fusce iaculis purus vitae convallis aliquet.</div>
      
        </div>
        <div class="post-link hidden">
          <a href="/ff/lessons-learned-first-time-appreneur">Read more</a>
        </div>
      </div>

    </div>
  </article>  

<!-- End Display article for teaser page -->
</div>
         </div>
    
</div>

  
    <nav class="pager" role="navigation">
    <h4 id="pagination-heading" class="visually-hidden">Pagination</h4>
    <ul class="pager__items js-pager__items">
                                                        <li class="pager__item is-active">
                                          <a href="?page=0" title="Current page">
            <span class="visually-hidden">
              Current page
            </span>1</a>
        </li>
              <li class="pager__item">
                                          <a href="?page=1" title="Go to page 2">
            <span class="visually-hidden">
              Page
            </span>2</a>
        </li>
              <li class="pager__item">
                                          <a href="?page=2" title="Go to page 3">
            <span class="visually-hidden">
              Page
            </span>3</a>
        </li>
                                      <li class="pager__item pager__item--next">
          <a href="?page=1" title="Go to next page" rel="next">
            <span class="visually-hidden">Next page</span>
            <span aria-hidden="true">Next ›</span>
          </a>
        </li>
                          <li class="pager__item pager__item--last">
          <a href="?page=2" title="Go to last page">
            <span class="visually-hidden">Last page</span>
            <span aria-hidden="true">Last »</span>
          </a>
        </li>
          </ul>
  </nav>


  
  

  
  
</div>
</div>

    </div>
  </div>

         </div>
      
               <div class="col-md-4 col-xs-12">
         
                     <div class="user-picture">
               
            <div class="field field--name-user-picture field--type-image field--label-hidden field__item">  <a href="/ff/user/1"><img src="/ff/sites/default/files/styles/thumbnail/public/pictures-author/user1.jpg?itok=uN40cUXp" width="250" height="188" alt="Profile picture for user admin" typeof="foaf:Image" />

</a>
</div>
      
            </div>
             
               
              
               </div>
   </div>  
</article>

          <span>
            Submitted by <span rel="schema:author"><a title="View user profile." href="/ff/user/1" lang="" about="/ff/user/1" typeof="schema:Person" property="schema:name" datatype="" class="username">Admin</a></span>
 on 29 November 2015          </span>
            <span property="schema:dateCreated" content="2015-11-29T14:17:30+00:00" class="hidden"></span>

        </div>
      
      <div class="node__content clearfix">
        
            <div property="schema:text" class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>This upcoming September, SmashingConf Freiburg will be taking place on Smashing Magazine's 10th birthday and, well, we definitely wouldn't want to celebrate it all alone.Freiburg is the smallest of all our conferences; this means a super-friendly atmosphere right at the foothills of the magical Black Forest, but also not that many seats! So, are you ready to celebrate with us?</p>

<p> </p>

<h3>About The Conference</h3>

<p>Trends don’t matter, but techniques do. With another friendly, intimate conference in our lovely hometown, we want to explore real-life web design problems and techniques that are relevant and applicable to your work straight away. Some things never change: single track, 2 packed days, 3 workshops, 15 speakers and 260 available seats.</p>

<p> </p>
<img src="/ff/sites/default/files/inline-images/post-single-1.jpg" alt="" /><p> </p>

<p>The conference will be taking place on September 12–13th 2016 at the Historic Merchants’ Hall, built 1520-30 in a little German town Freiburg im Breisgau, at the foothills of the legendary Black Forest. This is where our conferences started off, and this is why this place is so special to our hearts.</p>

<p>This is not your regular kind of conference. Because it’s our birthday, expect a few special surprises, magic shows, circus performance and chocolate fountains. Well, kinda.</p>

<p> </p>

<h3>About The Speaker</h3>

<p>What’s a good birthday party without good ol’ friends? We’ve invited respected, experienced designers and developers working on small and large projects. You might know some of them, but probably not all of them. Get ready, set, go!</p>

<p> </p>
<img src="/ff/sites/default/files/inline-images/post-single-2.jpg" alt="" /><h3> </h3>

<h3>Why This Conference Is For You</h3>

<p>Our conferences are designed to provide practical value to everybody involved. No theory, no assumptions: just things that worked (or failed) in real-life projects, and why. You’ll learn:</p>

<ol><li>Strategies for building fast responsive websites.</li>
	<li>Clever front-end techniques for better interfaces.</li>
	<li>Techniques and guidelines for better and faster sketching.</li>
	<li>How to architect scalable design systems.</li>
	<li>Advanced front-end and UX workflow and setup</li>
</ol><p>Have you figured out responsive design, designing for phablets and TVs, pattern libraries, SVG, flexbox, performance, HTTP/2 — and all of the other mischievous, erratic facets of designing for the web today? We haven’t either! That’s why we’re hosting our hands-on full-day workshops, with techniques and strategies by leaders of our industry. If you’re buying a conference + workshop ticket together, you’ll save $100!</p>

<p> </p>

<h3>See You In Freiburg!</h3>

<p>We look forward to blowing out the candles with you in Freiburg this year — get ready for some smashing surprises and a smashing birthday cake that will be one in a lifetime!</p>
</div>
      
      </div>

      <div class="post-tags clearfix">
        
      </div>  

      <div class="related-posts margin-top-30">
        <div class="views-element-container block block-views block-views-blockrelated-block-block-related-articles" id="block-views-block-related-block-block-related-articles">
  
      <h2 class="block-title" ><span>RELATED ARTICLES</span></h2>
    
      <div class="content block-content">
      <div><div class="js-view-dom-id-792c9c798f0fba9b327e3cc2349a45e55c92068c7ee61f09d3a37445919bf919">
  
  
  

  
  
  

  <div>
      <div class="category-2columns">
                                       
                                

                     <div class="row row-first">
            
            <div class="col-sm-6 col-xs-12">
               <div class="views-field views-field-nothing"><span class="field-content"><div class="post-block">
      <div class="post-image">
              <a href="/ff/diving-procedural-content-generation-worldengine-0"><img src="/ff/sites/default/files/styles/normal_size/public/articles/post-23.jpg?itok=jCZY_VQb" width="800" height="606" alt="Lessons Learned From A First-Time Appreneur" typeof="Image" />

</a>

      </div>
      <div class="post-content">
             <div class="post-title"> <a href="/ff/diving-procedural-content-generation-worldengine-0" hreflang="en">Diving Into Procedural Content Generation, With WorldEngine</a> </div>
               <div class="post-meta"><span class="post-author">Vera Farmiga</span> - <span class="created">Nov 29, 2015</span></div>
             <div class="post-body"><p>This upcoming September, SmashingConf Freiburg will be taking place on Smashing Magazine's 10th birthday and, well, we definitely wouldn't want to celebrate it all alone.Freiburg is the smallest of</p></div>
       </div>
</div></span></div>
            </div>
            

                                 
                                

            
            <div class="col-sm-6 col-xs-12">
               <div class="views-field views-field-nothing"><span class="field-content"><div class="post-block">
      <div class="post-image">
              <a href="/ff/three-approaches-adding-configurable-fields-your"><img src="/ff/sites/default/files/styles/normal_size/public/articles/post-21.jpg?itok=x7QMjYMR" width="800" height="606" alt="image" typeof="Image" />

</a>

      </div>
      <div class="post-content">
             <div class="post-title"> <a href="/ff/three-approaches-adding-configurable-fields-your" hreflang="en">Three Approaches To Adding Configurable Fields To Your</a> </div>
               <div class="post-meta"><span class="post-author">Admin</span> - <span class="created">Nov 29, 2015</span></div>
             <div class="post-body"><p>This upcoming September, SmashingConf Freiburg will be taking place on Smashing Magazine's 10th birthday and, well, we definitely wouldn't want to celebrate it all alone.Freiburg is the smallest of</p></div>
       </div>
</div></span></div>
            </div>
                     </div>
            

                                 
                                

                     <div class="row row-second">
            
            <div class="col-sm-6 col-xs-12">
               <div class="views-field views-field-nothing"><span class="field-content"><div class="post-block">
      <div class="post-image">
              <a href="/ff/diving-procedural-content-generation-worldengine"><img src="/ff/sites/default/files/styles/normal_size/public/articles/post-25.jpg?itok=Onihbxpu" width="800" height="606" alt="Diving Into Procedural Content Generation, With WorldEngine" typeof="Image" />

</a>

      </div>
      <div class="post-content">
             <div class="post-title"> <a href="/ff/diving-procedural-content-generation-worldengine" hreflang="en">Diving Into Procedural Content Generation, With WorldEngine</a> </div>
               <div class="post-meta"><span class="post-author">Vera Farmiga</span> - <span class="created">Nov 29, 2015</span></div>
             <div class="post-body"><p>This upcoming September, SmashingConf Freiburg will be taking place on Smashing Magazine's 10th birthday and, well, we definitely wouldn't want to celebrate it all alone.Freiburg is the smallest of</p></div>
       </div>
</div></span></div>
            </div>
            

                                 
                                

            
            <div class="col-sm-6 col-xs-12">
               <div class="views-field views-field-nothing"><span class="field-content"><div class="post-block">
      <div class="post-image">
              <a href="/ff/lessons-learned-first-time-appreneur"><img src="/ff/sites/default/files/styles/normal_size/public/articles/post-24.jpg?itok=IYTd04q0" width="800" height="606" alt="Lessons Learned From A First-Time Appreneur" typeof="Image" />

</a>

      </div>
      <div class="post-content">
             <div class="post-title"> <a href="/ff/lessons-learned-first-time-appreneur" hreflang="en">Lessons Learned From A First-Time Appreneur</a> </div>
               <div class="post-meta"><span class="post-author">Admin</span> - <span class="created">Nov 29, 2015</span></div>
             <div class="post-body"><p>This upcoming September, SmashingConf Freiburg will be taking place on Smashing Magazine's 10th birthday and, well, we definitely wouldn't want to celebrate it all alone.Freiburg is the smallest of</p></div>
       </div>
</div></span></div>
            </div>
                     </div>
            

                                 
                                

                     <div class="row row-second">
            
            <div class="col-sm-6 col-xs-12">
               <div class="views-field views-field-nothing"><span class="field-content"><div class="post-block">
      <div class="post-image">
              <a href="/ff/uncovered-amazing-places"><img src="/ff/sites/default/files/styles/normal_size/public/articles/post-7.jpg?itok=biIp_K4e" width="800" height="606" alt="image" typeof="Image" />

</a>

      </div>
      <div class="post-content">
             <div class="post-title"> <a href="/ff/uncovered-amazing-places" hreflang="en">Uncovered amazing places</a> </div>
               <div class="post-meta"><span class="post-author">Admin</span> - <span class="created">Nov 29, 2015</span></div>
             <div class="post-body"><p>This upcoming September, SmashingConf Freiburg will be taking place on Smashing Magazine's 10th birthday and, well, we definitely wouldn't want to celebrate it all alone.Freiburg is the smallest of</p></div>
       </div>
</div></span></div>
            </div>
            

                                 
                                

            
            <div class="col-sm-6 col-xs-12">
               <div class="views-field views-field-nothing"><span class="field-content"><div class="post-block">
      <div class="post-image">
              <a href="/ff/labrador-puppy-sits-sunshine"><img src="/ff/sites/default/files/styles/normal_size/public/articles/post-20.jpg?itok=sI79T7ep" width="800" height="606" alt="image" typeof="Image" />

</a>

      </div>
      <div class="post-content">
             <div class="post-title"> <a href="/ff/labrador-puppy-sits-sunshine" hreflang="en">A Labrador puppy sits in the sunshine</a> </div>
               <div class="post-meta"><span class="post-author">Admin</span> - <span class="created">Nov 29, 2015</span></div>
             <div class="post-body"><p>This upcoming September, SmashingConf Freiburg will be taking place on Smashing Magazine's 10th birthday and, well, we definitely wouldn't want to celebrate it all alone.Freiburg is the smallest of</p></div>
       </div>
</div></span></div>
            </div>
                     </div>
            

         
   </div>
</div>
  
  

  
  

  
  
</div>
</div>

    </div>
  </div>

      </div>

      <div id="node-single-comment">
          
        <section rel="schema:comment">
  
  

      <h2>Add new comment</h2>
    <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=34&amp;2=comment&amp;3=comment" token="gyJKxjJnhi5hUMkjsfm99q-H7byLjfyy-BRz08MQALQ"></drupal-render-placeholder>
  
</section>

      </div>

    </div>

  </div>

</article>

<!-- End Display article for detail page -->
";}s:9:"#attached";a:4:{s:14:"html_head_link";a:2:{i:0;a:2:{i:0;a:2:{s:3:"rel";s:9:"canonical";s:4:"href";s:78:"/ff/web-development-reading-list-134-ai-keyboard-interactions-and-living-style";}i:1;b:1;}i:1;a:2:{i:0;a:2:{s:3:"rel";s:9:"shortlink";s:4:"href";s:11:"/ff/node/34";}i:1;b:1;}}s:7:"library";a:5:{i:0;s:28:"statistics/drupal.statistics";i:1;s:18:"views/views.module";i:2;s:18:"views/views.module";i:3;s:18:"views/views.module";i:4;s:18:"views/views.module";}s:14:"drupalSettings";a:1:{s:10:"statistics";a:2:{s:4:"data";a:1:{s:3:"nid";s:2:"34";}s:3:"url";s:42:"/ff/core/modules/statistics/statistics.php";}}s:12:"placeholders";a:1:{s:207:"<drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=34&amp;2=comment&amp;3=comment" token="gyJKxjJnhi5hUMkjsfm99q-H7byLjfyy-BRz08MQALQ"></drupal-render-placeholder>";a:1:{s:13:"#lazy_builder";a:2:{i:0;s:32:"comment.lazy_builders:renderForm";i:1;a:4:{i:0;s:4:"node";i:1;s:2:"34";i:2;s:7:"comment";i:3;s:7:"comment";}}}}}s:6:"#cache";a:3:{s:8:"contexts";a:11:{i:0;s:26:"languages:language_content";i:1;s:28:"languages:language_interface";i:2;s:5:"theme";i:3;s:8:"timezone";i:4;s:3:"url";i:5;s:14:"url.query_args";i:6;s:21:"user.node_grants:view";i:7;s:16:"user.permissions";i:8;s:10:"user.roles";i:9;s:20:"user.roles:anonymous";i:10;s:24:"user.roles:authenticated";}s:4:"tags";a:57:{i:0;s:10:"block_view";i:1;s:53:"config:block.block.views_block__related_block_block_2";i:2;s:68:"config:block.block.views_block__related_block_block_related_articles";i:3;s:30:"config:field.storage.node.body";i:4;s:37:"config:field.storage.node.field_image";i:5;s:45:"config:field.storage.node.field_post_category";i:6;s:55:"config:field.storage.taxonomy_term.field_taxonomy_color";i:7;s:41:"config:field.storage.user.field_full_name";i:8;s:31:"config:filter.format.basic_html";i:9;s:30:"config:filter.format.full_html";i:10;s:30:"config:image.style.normal_size";i:11;s:28:"config:image.style.thumbnail";i:12;s:18:"config:system.site";i:13;s:31:"config:views.view.related_block";i:14;s:8:"file:124";i:15;s:8:"file:126";i:16;s:8:"file:127";i:17;s:8:"file:128";i:18;s:8:"file:129";i:19;s:8:"file:130";i:20;s:8:"file:131";i:21;s:8:"file:156";i:22;s:8:"file:158";i:23;s:8:"file:189";i:24;s:8:"file:191";i:25;s:8:"file:192";i:26;s:7:"file:26";i:27;s:7:"file:27";i:28;s:7:"file:28";i:29;s:7:"file:29";i:30;s:8:"file:331";i:31;s:7:"node:13";i:32;s:7:"node:19";i:33;s:7:"node:20";i:34;s:7:"node:21";i:35;s:7:"node:23";i:36;s:7:"node:24";i:37;s:7:"node:26";i:38;s:7:"node:28";i:39;s:7:"node:29";i:40;s:6:"node:3";i:41;s:7:"node:30";i:42;s:7:"node:32";i:43;s:7:"node:33";i:44;s:7:"node:34";i:45;s:9:"node_list";i:46;s:9:"node_view";i:47;s:16:"taxonomy_term:14";i:48;s:15:"taxonomy_term:7";i:49;s:15:"taxonomy_term:8";i:50;s:15:"taxonomy_term:9";i:51;s:18:"taxonomy_term_list";i:52;s:6:"user:0";i:53;s:6:"user:1";i:54;s:7:"user:18";i:55;s:9:"user_list";i:56;s:9:"user_view";}s:7:"max-age";i:-1;}s:17:"#cache_properties";a:1:{i:0;s:6:"#title";}s:6:"#title";O:25:"Drupal\Core\Render\Markup":1:{s:9:"*string";s:114:"<span property="schema:name">Web Development Reading List #134: AI, Keyboard Interactions And Living Style</span>
";}}