ruffle1986

.player-wrapper {

  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: percentage(9 / 16);
  border: 1px solid black;

  .video {
    position: absolute;

ruffle1986

There are three types of layout in our application:

• The landing page
• The home screen (with or without back button)
• And the default layout for static sites and login/signup etc.

Every layout has its own @mediaquery modifications

(Note: I prefer the "Mobile First" principle)

ruffle1986

.header-text-logo {
  font-size: 18px;
  
  &[title="Enjora"] {
    font-size: 20px;
  }
}

ruffle1986

player
  .use(seekBar)
  .use(volumeControl);
  
if (user.hasAccess) {
  player
    .use(watchLaterControl)
    .use(fullscreenControl)
    .use(inVideoSearch);
} else {

ruffle1986

function cartesianProductOf() {
    return _.reduce(arguments, function(a, b) {
        return _.flatten(_.map(a, function(x) {
            return _.map(b, function(y) {
                return x.concat([y]);
            });
        }), true);
    }, [ [] ]);
};

ruffle1986

(function (factory) {
  'use strict';

  if (typeof exports !== 'undefined') {
    module.exports = factory();
  } else {
    window.LazyImageLoader = factory();
  }

}(function () {

ruffle1986

'image.jpg'.replace(/\.([a-z|0-9]+)$/, '@2x.$1') // image@2x.jpg

'image.jpg'.replace(/(.+)(\.\w+)$/, "$1@2x$2") // image@2x.jpg

ruffle1986

export default store => next => action {
  try {
    return next(action)
  } catch (err) {
    // log error and handle the exception
  }
}

ruffle1986

import test from 'ava';
import * as actionTypes from './your-action-types';
import reducer from './your-reducer';
import deepEqual from 'deep-equal';

test('reducer:immutability test', t => {
  const dummy = {};
  for (const action in actionTypes) {
    if (actionTypes.hasOwnProperty(action)) {
      const result = reducer(dummy, {type: actionTypes[action]});

ruffle1986

var competitors = require('./competitors.json');

if (!Array.isArray(competitors)) {
  console.log('Hiba: az átadott elem típusának tömbnek kell lennie.');
}

competitors
  .sort(function (a, b) {
    return b.points - a.points;
  })