olegakbarov

OS X 10.11 (El Capitan) / Node.js Developer Environment

Custom recipe to get OS X 10.11 El Capitan running from scratch with useful applications and Node.js Developer environment. I use this gist to keep track of the important software and steps required to have a functioning system after fresh install.

Content

• Appearance
• WebStorm
• Xcode & Command Line Tools
• Git & GitHub

roman01la

server {
  listen 80;
  server_name example.com;
  
  location / {
    proxy_pass http://127.0.0.1:3000;
  }
  
  location ~ ^/(images/|scripts/|styles/|robots.txt|humans.txt|favicon.ico) {
    root /your/app/public/folder;

robhrt7

/*

    Processing CSS @imports file, and counting how much @imports it includes.
    
    If import count reaches the limit of 31 files (in IE8-9) and more, script will create additional CSS files:
    
    input.css:
        @import 1;
        ...
        @import 36;

sergejmueller

Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2

TTF to WOFF2 converting

• http://www.fontsquirrel.com/tools/webfont-generator

XOP

DISCLAIMER:
The whole content comes "as is".
All commentaries refer to author's impression.
Some inconsistency possible as well.
The few details (mainly useful links) were added while transcribing notes.

• Official site
• Speakers details

---

robhrt7

//
//	Preprocessors style guide cheatsheet
//	=============================================================================================
//

// Level 1
// ----------------------------------------------------------------------------------

.somecode {
    

robhrt7

/**
* author:       robert.haritonov | skype : haritonov.r
* spec:         http://link
* created:      05.12.13
*
* comments:
* @project class:
* @project colors:
**/

robhrt7

/*
    CSS organisation principles
    ==============================================================================================
*/

.elem-no-rules {}

    .elem-no-rules_child {
        display: inline-block;
        }

robhrt7

/*
    Комментарии в CSS
    ==============================================================================================
*/

/*

Нужно комментировать все не однозначные свойства и значения.

*/

robhrt7

/*
    CSS properties order
    ==============================================================================================
*/

.class {
    position: relative;
    right: 0;
    left: 0;
    z-index: 77;