Dionid

# Very simple Mediator in Coffeescript
# Based on the Pub/Sub implementation by rpflorence (https://github.com/rpflorence)

class Mediator

  constructor: ->
    @channels = {}

  subscribe: (name, callback) ->
    @channels[name] = [] unless @channels[name]?

Dionid

addEventListener = (el, evt, fn)->
    if el? && evt? && fn? && typeof(fn) == 'function'
        if el.addEventListener
            el.addEventListener(evt, fn, false)
        else if el.attachEvent
            el.attachEvent('on' + evt, fn)
        else
            el['on' + evt] = fn;

        return el

Dionid

window.$ =
  # Получаем элемент по селектору
  # Если родитель не передан - родителем является document
  $: (root, selector) ->
    if arguments.length is 1
      selector = root
      root = document
    # Если передали не селектор, а Node - возвращаем его же
    return selector if $.isNode(selector)
    # массив или NodeList - возвращаем первый элемент из списка

Dionid

class ModelTZ
    constructor: (@attributes)->
        @calls = {}
        return @

    set: (property, value)->
        @attributes[property] = value
        @changed(property)

    get: (property)->

Dionid

Model.parse - приспособлен для того, что бы обработать пришедшую с сервера информацию. В конце нужно вернуть объект, к которому будет применен метод .set() (не в коем случае нельзя возвращать что-либо другое, особенно console.log, также нельзя в parse добавлять какие-либо другие методы, которые не взаимодействуют с информацией)

Collection.parse - тоже самое, что и Model.parse, но можно применить метод add внутри (хотя, возмоэно есть и олее элегнтный способ это обойти)

Dionid

$.fn.mousewheel = (handler)->
		target = $(@)[0]
		if target.addEventListener
			target.addEventListener("mousewheel", handler, false);
			target.addEventListener("DOMMouseScroll", handler, false);
		else 
			target.attachEvent("onmousewheel", handler);
		@
		
// DIRECTION

Dionid

1. It doesnt correctly works with css FILTERS

Dionid

Текст:
  1. Крайне аккуратно надо располагать текст на изображениях. Он должен быть или жирным или же картинка должна иметь достаточное количество оттеньющих ее эффектов (в виде размытия, наложения цвета, наложения шума). Также, возможно использование текста в определенных местах фотографии, но это должна позволять сама фотография
  2. Правильное расположение текста - залог успеха. Если есть возможность красиво написать текст, не прибегая к графическим еллементам, то стоит воспользоваться возможностью.
  3. Максимально доходчиво объеснять людям, что им надо сделать следующим шагом (в особенности по навигации сайта)
  4. Стоит найти как можно больше вариантов выделения текста:
    .1. Подчеркивание линией
    .2. Обособление в рамку (толстую, тонкую)
    .3. Геометрические фигуры слева\справа
    .4. Текст с более маленьким размером, другим шрифтом\цветом

Dionid

With TABLE:
  1. You cant set overflow: hidden for Firefox
  
With TABLE-CELL:
  1. You cant set HEIGHT
  2. You cant set WIDTH

Dionid

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides