bbrochier

.arrow-bottom {
  border: solid transparent;
  border-width: 10px 5px 0 5px;
  border-top-color: blue;
}

.arrow-top {
  border: solid transparent;
  border-width: 0 5px 10px 5px;
  border-bottom-color: red;

bbrochier

<select class="js-select">
  <option value="" data-link="http://www.waitbutwhy.com">Go to WBW</option>
  <option value="" data-link="http://www.ted.com">Go to TED</option>
  <option value="1">option 1</option>
</select>

bbrochier

/* ==========================================================================
   COOKIES BANNER
   ========================================================================== */
var cookiesStatus = localStorage.getItem('cookiesStatus');
if (cookiesStatus === null) {
  $('.cookiesBanner').slideUp();
}
$('.cookiesBanner').on('click', '.btnClose', function() {
  $('.cookiesBanner').slideDown();
  localStorage.setItem('cookiesStatus', 'ok');

bbrochier

/* ==========================================================================
    CHEFS
   ========================================================================== */

//GET NB ITEMS
function getItemPerLine() {
    var iViewportWidth = $(document).width();
    var iNbItems = 5;
    if (iViewportWidth < 1240) {
        iNbItems = 4;

bbrochier

if ($('.social-wall-container').length) {
  $('.social-wall-container').isotope({
    stamp: '.itemStamp',
    layoutMode: 'packery',
    packery: {
      columnWidth: '.grid-sizer'
    },
    itemSelector: '.itemWall',
    percentPosition: true
  });

bbrochier

<div class="row row-table">
  <div class="col-1-4 active" data-tab-target="tabMer">
    <h3 class="tabTitle">La mer <em>et le surf</em></h3>
  </div>
  <div class="col-1-4" data-tab-target="tabCampagne">
    <h3 class="tabTitle">La campagne</h3>
  </div>
  <div class="col-1-4" data-tab-target="tabVille">
    <h3 class="tabTitle">La ville</h3>
  </div>

bbrochier

#CSS FLEXBOX

Summary of : http://la-cascade.ghost.io/flexbox-guide-complet/

1. Container

1.1 Init flex

display: flex | inline-flex;

bbrochier

####Init framework https://gist.github.com/bbrochier/38f593acbc3a3af1c9cd

###Express (Back end)

####1. Semi automatic method

#####1.1 Add a Model

yo meanjs:express-model category

bbrochier

#MEAN

http://www.bradoncode.com/tutorials/mean-stack-tutorial-part-1-setup/

##Setup

####1. Create folder for your application

mkdir [my app name]
cd [my app name]

bbrochier

#MongoDB

MongoLab import/export

Export from local

1. stop mongod
2. mkdir backup folder
3. cd backup folder
4. Run mongodump --dbpath /Users/benoitbrochier/Sites/collective/data