• Как реализовать подобный эффект?

    dremchee
    @dremchee
    Веб-Дизайнер, Арт-Директор
    Можно попробовать wow.js с animate.css
    Накидал быстрый пример jsfiddle.net/n6ezhow0/3
    Нашел в интернетах: codepen.io/TimLamber/pen/dLxbF
    Ответ написан
    1 комментарий
  • Как добавлять класс при скролле?

    ZloDeeV
    @ZloDeeV
    Верстаю в своё удовольствие
    Чувак в комментарии под постом прав. toggle меняет класс, тут нужен addClass вместо него
    Ответ написан
    1 комментарий
  • Как прийти с нуля к уровню Junior'а?

    @FoxInSox
    С помощью крови и пота.
    Ответ написан
    Комментировать
  • Как запретить перенос элементов в элементе с overflow-x?

    tennalian
    @tennalian
    Забавно, но это работает)
    jsfiddle.net/tennalian/f4y92Lnk
    Разве что у инлайн-блоков отступы, но это уж ты как-нибудь сам)
    Ответ написан
    2 комментария
  • Верстка под iPhone

    Как во время вопрос этот подоспел))) Я только что его решила. Верстала сайт для iphone ретина макет был на 640 потом когда всё закончила прошу выслать картинки для ретины на что мне и ответил тимлид что мол это и есть макет под ретину и делают они так специально мол уменьшить легко а увеличить то качество спадёт.
    Думала - думала как это всё закончить побыстрее а то так старалась пиксель в пиксель а тут такое... Ну сначала Я прошла ступень с meta - штука вообще бесполезная так как на экранах nokia разрешением 480 (lumia) мы получим выхлоп ещё тот. На самсунгах и других не проверяла, но как же Я вышла из этой ситуации... Да легко! Но пришлось повозиться с расчётами под 480.
    И так мы имеем макет 640 и нам нужно сделать его под 320 и желательно под 480 (плюс возможно накидать другие).
    Первое что необходимо сделать так это у нашего body поставить ширину шрифта 10px а далее все шрифты прописывать в em причём если на макете шрифт 18px то мы пишем 1.8em.
    Когда закончили править 640, приступим к 320. И так мы указываем ширину текста для body 5px и весь шрифт у нас готов, после берём в руки калькулятор и все значения в пикселях делим на 2. Если нужно под 480 то шрифт 7.5 и делим все значения на 1.5.
    И тут у нас выходит что и овцы целы и волки сыты...
    Да и ещё... единственное что нужно будет прописать в meta это
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    иначе работать не будет.
    Картинки для ретины устанавливаем так
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-ms-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2), screen and
    (min-device-pixel-ratio: 2) {
                        .assessment li {
                                background-image: url(../media/images/sprite-1@2x.png); /* will be downloaded on retina displays */
                        }
                    }

    Пиксель перфект может резайзить макеты так что Вы сможете с лёгкостью проверить их на соответствие
    Ответ написан
    Комментировать
  • Bash-скрипт, сравнение времени?

    $ (date -d "2014-01-28 11:07:10" +%s ; date +%s) > 3
    dmsuat@longmmdappu03 [] /applications/dmsuat/environments/ucqa/node/delete
    $ cat 3
    1390907230
    1390908465
    dmsuat@longmmdappu03 [] /applications/dmsuat/environments/ucqa/node/delete
    $
    В файле два числа в секундах, ваше время и текущее. Их надо вычесть и получится то что вам надо

    Вычесть можно expr $var1 - $var2
    Ответ написан
    3 комментария
  • Как реализовать открытие меню на js?

    Anonym
    @Anonym
    Программирую немного )
    Ответ написан
    Комментировать
  • Backbone. Коллекция внутри модели?

    bazilio91
    @bazilio91
    tochka.com, developer experience
    Сделать коллекцию частью другой коллекции стандартными методами не получится. Почему бы просто не добавлять модель в общую коллекцию и в коллекцию в модели?

    var Model = Backbone.Model.extend({
        collection: null,
        initialize: function(){
            this.collection = new Collection();
        }
    });
    
    var Collection = Backbone.Collection.extend({
        model: Model
    });
    
    var collection = new Collection([{}]),
        submodel = new Model({});
    
    collection.add(submodel);
    collection.at(0).collection.add(submodel);
    
    console.log(collection.at(1) === collection.at(0).collection.at(0)); // true


    jsfiddle.net/bazilio91/rpuT8
    Ответ написан
    Комментировать
  • Колоночная адаптивная вёрстка?

    @maxfox
    А почему вам нужны именно column? Я так понял, это отдельные блоки, каждый со своим контентом?.
    Чем вас не устраивают inline-block'и?

    CSS Column пока не везде работает. Лучше обычная блочная верстка, а если нужно растягивать контент на несколько блоков - то js.
    Ответ написан
    Комментировать
  • NodeJS для разработки проектов?

    Staltec
    @Staltec
    Node.js разработчик
    Уже второй год у моего клиента работает система информатизации производственных процессов на оконном производстве (евроокна). Задачи системы:
    — демонстрация технологических карт изделий на участках конвейера;
    — фиксирование операций с изделиями;
    — предоставление в реальном времени данных о состоянии отдельных изделий и в целом состояния производства;
    — аналитика выработки на участках и конкретными сотрудниками;
    — учёт контроля качества;
    — складской учёт готовых изделий и стеклопакетов;
    — планирование графика отгрузки со склада;
    — автоматическое уведомление клиентов о готовности заказа по SMS;

    Все интерфейсы системы реализованы как реалтайм веб-приложения использующие Socket.io.

    Система писалась на NodeJS версии 0.6, потом была переведена на 0.8 и сейчас уже на 0.10. С переходом проблем не было.
    Максимальный аптайм NodeJS процесса системы который удалось наблюдать — 112 дней. Утечек памяти за это время не зафиксировано.

    Для меня после разработки такого решения, вопрос о серьёзности NodeJS больше не стоит. Сам был убеждённым перлистом. Сейчас ни на чём кроме NodeJS писать нет желания.
    Ответ написан
    Комментировать
  • Text-shadow for ie?

    dom1n1k
    @dom1n1k
    Через IE-фильтры, как написали выше, сделать можно, но качество тени будет плохое. Особенно эти фильтры не дружат со сглаживанием ClearType — вокруг букв появляются какие-то цветные ореолы, грязь, бррр в общем.

    Если интересует качество, можно использовать вот этот плагин:
    www.hintzmann.dk/testcenter/js/jquery/textshadow/
    Имею опыт его использования: работает вполне корректно уже в IE6, дает неплохое качество, гибко настраивается.
    Особенно удобно то, что его не обязательно вызывать с полной конфигурацией параметров — он сам читает свойство text-shadow из CSS, которое вы пишете там для нормальных браузеров. Хотя можно передать параметры и напрямую.

    Конечно, есть и пара минусов:
    1. Не злоупотребляйте количеством тенюшек — если их много, IE начинает сильно тормозить.
    2. Если мне сейчас не изменяет память, интенсивность тени немного зависела от типа сглаживания шрифтов в ОС. То есть выглядела чуть светлее/темнее.
    Ответ написан
    Комментировать