chayn1k

function scrollToElement( target ) {
    var topoffset = 30;
    var speed = 800;
    var destination = jQuery( target ).offset().top - topoffset;
    jQuery( 'html:not(:animated),body:not(:animated)' ).animate( { scrollTop: destination}, speed, function() {
        window.location.hash = target;
    });
    return false;
}

chayn1k

Yeoman generators with Browserify

Browserify is a tool that allows us to write node-style modules that compile for use in the browser. Like node, we write our modules in separate files, exporting external methods and properties using the module.exports and exports variables

generator-browserify is a generator with a Browserify setup, offering choices between Gulp or Grunt and Foundation or Bootstrap.

generator-angular-with-browserify is a generator for bundling Angular.js with Browserify

chayn1k

var timeOutObj;
$(function(){
    $(".card-btn").popover({
        trigger: "manual",
        html : true,
        placement: function(tip, element) {
            var $element, above, actualHeight, actualWidth, below, boundBottom, boundLeft, boundRight, boundTop, elementAbove, elementBelow, elementLeft, elementRight, isWithinBounds, left, pos, right;
            isWithinBounds = function(elementPosition) {
              return boundTop < elementPosition.top && boundLeft < elementPosition.left && boundRight > (elementPosition.left + actualWidth) && boundBottom > (elementPosition.top + actualHeight);
            };

chayn1k

var pkg      = require('./package.json'),
    settings = pkg._settings,
    bem      = require('bem').api,
    gulp     = require('gulp'),
    gif      = require('gulp-if'),
    csso     = require('gulp-csso'),
    uglify   = require('gulp-uglify'),
    rename   = require('gulp-rename'),
    replace  = require('gulp-replace'),
    path     = require('path'),

chayn1k

// If you are using borschik to expand links (bem make and enb do this for you)
// you could use this hack for any jQuery plugin found in the wild
modules.define('i-jquery__my-plugin', ['jquery'], function(provide, $){
    var jQuery = $,
        window = {jQuery: jQuery};
    /*borschik:include:path/to/jquery-plugin.js*/
    provide($);
});

chayn1k

Синтаксис BEMHTML

Вступление

Мы уже достаточно давно обсуждаем вопрос изменения синтаксиса в BEMHTML. Основные причины такие:

• "умные" редакторы подсвечивают BEMHTML-код как ошибки
• незнакомый синтаксис и похожесть на json путает людей и не все пользуются возможностью сэкономить пару символов на кавычках
• кастомный синтаксис требует компиляции даже для дев-режима, что в свою очередь:
  • не очень быстро (с ростом количества шаблонов просто парсинг уже занимает существенное время)
• мешает дебажить, т.к. исполняется в итоге не совсем тот код, который пишется

chayn1k

Backend Development

• node.js
  • Installation paths: use one of these techniques to install node and npm without having to sudo.
  • Node.js HOWTO: Install Node+NPM as user (not root) under Unix OSes
  • Felix's Node.js Guide
  • Creating a REST API using Node.js, Express, and MongoDB
  • Node Cellar Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB
  • JavaScript Event Loop
• Node.js for PHP programmers

chayn1k

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

chayn1k

# Add correct content-type for fonts 
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType font/x-woff .woff
AddType image/svg+xml .svg

# Compress compressible fonts
AddOutputFilterByType DEFLATE font/ttf font/otf image/svg+xml

chayn1k

Packages

• lxml - Pythonic binding for the C libraries libxml2 and libxslt.
• boto - Python interface to Amazon Web Services
• Django - Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.
• Fabric - Library and command-line tool for streamlining the use of SSH for application deployment or systems administration task.
• PyMongo - Tools for working with MongoDB, and is the recommended way to work with MongoDB from Python.
• Celery - Task queue to distribute work across threads or machines.
• pytz - pytz brings the Olson tz database into Python. This library allows accurate and cross platform timezone calculations using Python 2.4 or higher.

Guides