Dionid

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage

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

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

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

Dionid

1. It doesnt correctly works with css FILTERS

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

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

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

Dionid

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

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

    get: (property)->

Dionid

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

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