davidgilbertson

@mixin for-size($size) {
  @if $size == phone-only {
    @media (max-width: 599px) { @content; }
  } @else if $size == tablet-portrait-up {
    @media (min-width: 600px) { @content; }
  } @else if $size == tablet-landscape-up {
    @media (min-width: 900px) { @content; }
  } @else if $size == desktop-up {
    @media (min-width: 1200px) { @content; }
  } @else if $size == big-desktop-up {

davidgilbertson

@mixin for-phone-only {
  @media (max-width: 599px) { @content; }
}
@mixin for-tablet-portrait-up {
  @media (min-width: 600px) { @content; }
}
@mixin for-tablet-landscape-up {
  @media (min-width: 900px) { @content; }
}
@mixin for-desktop-up {

astanush

Google Calendar notifications

Create a Gmail filter that will find all Google Calendar-related emails. I use it to apply a label to the emails so I can go and bulk delete them later.

(("invitation" OR "updated invitation" OR "declined" OR "canceled event") AND (-collaborate OR -"invitation to edit")) AND (has:attachment)

Notes

mxstbr

Enable tab completion for JSX with Emmet in Atom

This guide assumes you have the emmet and language-babel packages already installed in Atom

1. Open the keymap.cson file by clicking on Atom -> Keymap… in the menu bar
2. Add these lines of code to your keymap:

'atom-text-editor[data-grammar~="jsx"]:not([mini])':

BinaryMuse

// Existing commands that used to be 'pane:split-*'
'pane:split-left-and-copy-active-item'
'pane:split-right-and-copy-active-item'
'pane:split-up-and-copy-active-item'
'pane:split-down-and-copy-active-item'

// New commands to create splits
'pane:split-left'
'pane:split-right'
'pane:split-up'

ALF-er

Disclaimer 1: Первую которая "про то чего мы достигли" я таки пропустил.

Disclaimer 2: Многие доклады смотрелись и отчёты писались в состоянии алкогольного опьянения.

1. Ben Alpert - What Lies Ahead

Сейчас посмотрел Ben Alpert - What Lies Ahead она про то какие идеи они имеют о дальнейшем развитии. И они делят на UX-идеи и DX-идеи. В UX у них:

alexbaumgertner

JavaScript courses as on March 2016

Short link: www.bit.ly/js-courses-list (NB: if you click it from this document recursion may occur :) )

Russian:

name or author	url	duration, week/month	price, rub
Hexlet	https://ru.hexlet.io/professions/frontend
Hexlet	https://ru.hexlet.io/professions/frontend	8m	$40/m

fay-jai

import React from "react";
import { render } from "react-dom";

const ParentComponent = React.createClass({
  getDefaultProps: function() {
    console.log("ParentComponent - getDefaultProps");
  },
  getInitialState: function() {
    console.log("ParentComponent - getInitialState");
    return { text: "" };

glukki

Telegram

Оглавление:

• Как работают боты
• Как завести бота
• Как начать получать сообщения ботом
• Документация
• Пример бота
• Некоторые источники данных

Как работают боты

gaearon

function mapValues(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    result[key] = fn(obj[key], key);
    return result;
  }, {});
}

function pick(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    if (fn(obj[key])) {