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

---

XOP

Front-end track of Yandex Conference 2014

DISCLAIMER:
The whole content comes "as is".
All commentaries refer to author's impression.

the official site and front-end track schedule

Needless to say, this year was different for Yandex and all attendees. The chosen format of conference is controversial, I've met different POVs on this term. So, basically, talks were 15 minutes length tops, not to mention they contained some axioms, assumptions, facts and numbers, pictures and (almost) no code at all.
What's made me smile - this year previously exaggerated value of BEM came to the desired level, letting other stuff out of it's shadow

XOP

	SSH_ENV=$HOME/.ssh/environment
	   
	# start the ssh-agent
	function start_agent {
	    echo "Initializing new SSH agent..."
	    # spawn ssh-agent
	    /usr/bin/ssh-agent | sed 's/^echo/#echo/' > "${SSH_ENV}"
	    echo succeeded

chmod 600 "${SSH_ENV}"

XOP

//
// SCSS for convenience


//
// self sibling
// usage: basically margins and other layout specifics
.element + .element {

}

XOP

//
// render in separate layer
// hack to balance CPU/GPU load
// usage gpuRender(chrome, mac-chrome)
gpuRender($browsers){
    $i = 0;
    $comma = ",";
    $rule = "";

    for $b in arguments {

XOP

(function(undefined, body, selectors){

    var collection = [];
    var current;

    for(var key in selectors){
        current = body.querySelectorAll(selectors[key]);
        current = [].slice.call(current);
        current = current.map(function(i){ return i[key] });

XOP

/**
 * From
 * http://davidwalsh.name/document-readystate
 */

// The basic check
if(document.readyState === 'complete') {
    // good to go!
}

XOP

/**
 * App 
 */

//
// only relevant code!
//
var $ = require('zepto');

//

XOP

//
// function
function iteratePaths(stream, start, finish, paths) {
    paths.forEach(function (path) {
        stream.pipe(gulp.dest(start + path + finish));
    });
    return stream;
}

//

XOP

.feed{
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	background: #f6f7f8;
	background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
	background-image: linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
	background-repeat: no-repeat;