• Как сделать стрелки у слайдера slick?

    В папке слик слайдера есть файл slick-theme.css (scss/less). Там все настройки для слайдера. Конкретно для стрелок:
    .slick-prev,
    .slick-next
    В вашем примере стрелкам нужно задать позиционирование и собственно цвет/размер итд
    Ответ написан
    2 комментария
  • Удаление логотипа без перезагрузки страницы?

    Stalker_RED
    @Stalker_RED
    После empty() вы зачем-то делаете append(). Вероятно из-за этого у вас остается какой-то мусор. Поточнее не получится сказать, по вашим веселым картинкам этого не видно.

    И лучше бы ПрЕкРаТиТь пИсАтЬ onClick.
    Не делать удаление через GET-запросы.
    Не постить код скриншотами.

    <img src="http://volganin.net/user/upload_result_logo1.php?tim=42">
    <img src="http://volganin.net/user/upload_result_logo2.php?tim=42">
    <img src="http://volganin.net/user/upload_result_logo3.php?tim=42">
    upload_result_logo1.php?tim=42upload_result_logo2.php?tim=42upload_result_logo3.php?tim=42

    Я только что удалил логотипы с номерами 1, 2 и 3.
    Ответ написан
    2 комментария
  • Как сделать такую анимацию?

    svistiboshka
    @svistiboshka
    живые веб интерфейсы
    Ответ написан
    Комментировать
  • Как вы освоили шаблоны проектирования?

    dmitry_pavlov
    @dmitry_pavlov
    World-class .NET freelance contractor (remotely)
    Когда начался бум и восторг вокруг концепции паттернов проектирования, выкрики "GoF рулит!" и так далее, я озадачился тем, чтобы понять, что за шум?

    По своей сути - паттерны - это обычные шаблоны проектирования. Заимствовано у обычных архитекторов (те, которые зданиями занимаются). Суть проста. В работе архитектора есть задачи, которые удобно решать одним или несколькими проверенными способами.

    По аналогии в проектировании софта имееются свои архитектурные вопросы вроде разбиения приложения на компоненты/модули, организации зависимостей между ними, распределение функциональных обязанностей и т.п. Как ловко подметили авторы книжки из этой банды четырех (The "Gang of Four") в нашей индустрии можно также выделить некоторе количество типовых шаблонов, проверенных на практике, чтобы тем самым не наступать на уже обойденные другими грабли.

    Суть постижения паттернов заключается в том, чтобы осознать в каких ситуациях правильно использовать тот или иной шаблон проектирования и правильно его применить. Важно понимать при этом, что формула "чем больше паттернов я придумал засунуть с свое приложение - тем лучше" - неверная. Использовать их следует с умом и только там, где они действительно нужны. Кроме того, патерны устаревают, превращаются в анти-паттерны по мере развития технологий (которые в нашей области делают это более чем стремительно). Ну и, конечно, есть шаблоны общепринятые и есть те, которые успешно используются в узких кругах.
    Тут тоже надо понимать, что это не догма какая-то - типа 10 священных паттернов проектирования :)

    Чтобы понять, где они нужны - нужен опыт. То есть (я лично убежден), что учиться на ошибках других может только крайне ограниченное число людей. Все остальные обязаны набить шишки самостоятельно :)

    К изучению паттернов я дам такие советы:

    1) Прочтите пару книжек, чтобы понять, что это за зверь и с чем его едят. Можно взять одну из вариаций книжки GoF или какие-то производные для вашего стека разработки - познакомиться с основными популярными шаблонами. Сразу после этого я посоветовал бы прочесть книжку "Горький вкус Java" (Брюс Тейт) - она про анти-паттерны. Это чтобы понять обратную сторону их использования. Мне понравилась и уберегла думаю от многих проблем. То что на примере Java - неважно. Речь идет о шаблонах, так что представителям других стеков (к которым отношусь и я) будет просто понять все равно.

    2) Постарайтесь осознать, доводилось ли вам сталкиваться в работе раньше с чем-то, что является или могло бы легко стать одним из шаблонов. Где получалось применить концепт верно, а где из-за этого только проблемы были.

    3) В новых проектах, держите в голове полученные по шаблонам знания - вдруг пригодятся.

    В конечном итоге, знаете ли вы паттерны, или нет - с опытом приходит понимание того, какая архитектура будет правильная, а какая - нет. Как сделать удобно, а как нет. И неважно, какими паттернами это обозвать.

    Я даже пожалуй посоветовал бы подойти к освоению айтишной архитектурной мудрости с другой стороны - со стороны нефункциональных требований или так называемых "-ilities" - их много. Тут вот описаны 7 штук. А вообще их десятки.

    Среди прочих - такие как maintainability (простая поддержка кода), scalability (масштабируемость), extensibility (расширяемость), availability (устойчивость ) и тп. Если, проектируя свое приложение, вы задумываетесь об этих "илитях" и стараетесь их обеспечить в необходимом проекту объеме, то, как правило, ваше приложение будет иметь отличную архитектуру. При этом шаблоны проектирования в ней появятся лаконично сами собой.

    Поскольку идея использовать шаблоны - это попытка опытных программных инженеров дать десяток готовых рецептов менее опытным, чтобы пока они не научились варить "вкусную кашу", они не варили уж что-то совсем несъедобное. :) Учитесь "готовить", разбирайтесь в -ilites :) и все будет хорошо
    Ответ написан
    6 комментариев
  • Как сделать на одной страничке сайта два разных слайдера с помощью плагина owl carousel?

    Serj-One
    @Serj-One
    i'm sexy and i know it
    Очевидно, задать им разные идентификаторы.
    <div id="owl-one">...</div>
    <div id="owl-two">...</div>

    $("#owl-one").owlCarousel();
    $("#owl-two").owlCarousel();
    Ответ написан
    Комментировать
  • Что значит попиксельная верстка?

    XXX
    @XXX
    Решение где-то рядом
    Что значит попиксельная верстка?
    Это значит много гемора для верстальщика и вредный заказчик. :)
    Ну а если серьзно, то просто нужно сверстать в точности как на макете.

    И насколько она должна быть попиксельная, даже на 1 пиксель не должно расходиться?
    Зависит от заказчика, если он неадекватен очень придирчив, может и за пару пикселей придираться и требовать переделать.
    Ответ написан
    4 комментария
  • Что значит попиксельная верстка?

    baskerville42
    @baskerville42
    Учусь работать (Junior)
    Правильно название методологии PerfectPixel вёрстка. Про шрифты уже правильно написали, а вот сам дизайн должен максимальнейшим образом сходится с макетом. Лично я юзаю в хроме вот такой плагин.
    Ответ написан
    6 комментариев
  • Как сжать этот JS?

    @Power
    Используйте коллекции и циклы:
    $.each({usd: 2, eur: 2, byr: 0, uah: 1, kzt: 0}, function(currency, precision) {
    	var bankCurrency = document.getElementById('bank-' + currency).innerText;
    	$.each([777, 1777, 2777, 4777], function(i, tariff) {
    		document.getElementById(currency + 'Tariff' + (i + 1)).innerHTML = (tariff / bankCurrency).toFixed(precision);
    	});
    });
    Ответ написан
    1 комментарий
  • Как задать анимацию закрытия toggle?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    А что в примере у вас означает toggle в свойстве height?
    Почему не воспользоваться функцией slideToggle? Она делает тоже самое что вам нужно!
    Ответ написан
    1 комментарий
  • Как заставить работать web-шрифт?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    А зачем импортировать, не проще ли просто дописать:
    @font-face {
        font-family: 'Intro';
        src: url('../fonts/intro/intro.eot');
        src: url('../fonts/intro/intro.eot?#iefix') format('embedded-opentype'),
             url('../fonts/intro/intro.woff') format('woff'),
             url('../fonts/intro/intro.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    Ответ написан
    1 комментарий
  • Как разместить блок таким образом?

    А эти свойства не решают вашу проблему?
    background-position
    background-size
    Ответ написан
    Комментировать
  • JavaScript. Почему по разному себя ведёт функция ?

    @meam
    Интересен front-end и разработка под ios
    Скорее всего в onMouseUp this == window, используйте или .bind() или var that = this;
    Ответ написан
    Комментировать
  • Как писать CSS-код в хорошем стиле?

    @IoannGrozny
    Front-end разработчик
    Как таковых, стандартов нет. Как правило в каждой организации, в которой вы будете работать, есть стайл гайды по всем известным технологиям. Если вы работаете сольно, то попробуйте один из паттернов именования классов. Например, загуглите OOCSS, MCSS или БЭМ.
    Придерживаться определённого порядка свойств при написании CSS - сложно. Тут гораздо проще воспользоваться постобработкой CSS файла. К примеру, упомянутым здесь пользователем @MonkAlbino, CSScomb или другим, более продвинутым решением.
    Также можно воспользоваться чужими стайл гайдами, если они лежат в свободном доступе. Например, Google HTML/CSS Style Guide.
    Ответ написан
    Комментировать
  • Какие выбрать курсы или книги по веб-дизайну и юзабилити?

    @Rearden3

    Привет! Хорошая книга Итана Маркотта - Responsive Web Design / Отзывчивый веб-дизайн
    можно скачать тут

    еще посоветовал бы Аарона Уолтера - Эмоциональный веб-дизайн. Можешь почитать тут.

    Ну и совсем для маньяков) Веб-дизайн. Анализ удобства использования веб-сайтов по движению глаз. Книга Якоба Нильсена. Здесь можно скачать.

    Ответ написан
    Комментировать
  • Какую книгу по java купить для новичка?

    @ilinchik
    Хорстмэна действительно хорошо, а вот Эккеля начинающему я бы не посоветовал. Не понимаю почему Эккеля советуют новичкам, примеры в книге порой просто адские. Почитать конечно стоит, но пусть это будет не первая ваша книга по java.
    Ответ написан
    Комментировать
  • Какую книгу по java купить для новичка?

    dima_eam
    @dima_eam
    Если нужно быстро разобраться с основными возможностями языка, я бы рекомендовал «Head First Java» (а затем и «Head First Patterns») — благодаря другой концепции изложения материала в этих книгах изучение идет гораздо легче. На русском:

    Ответ написан
    5 комментариев
  • Постинг в Twitter из разных аккаунтов через API?

    greyhard
    @greyhard
    Программист, автолюбитель
    1 вы создаете приложение в твиттере получаете 2 ключа приложения
    2 делаете авторизацию на сайте через Twitter Open ID, допустим юзер жмает на кнопку «Прицепить акканут»
    3 Юзера спрашивают действительно ли он разрешает доступ к своему твиттер вашему приложению
    4 если да, твиттер выдает вам 2 закрытых ключа авторизации пользователя
    5 вы их сохраняете
    6 используете эти ключи и ключи своего приложения для постинга и иных действий от имени пользователя
    6.1 например при постинге будет что то «Отправлено тогда то тогдато VIA ваше приложение»
    7 надо учитывать лимиты на API (350) на 1 юзера в час. если чаще то забанят приложение или юзера
    8 надо учитывать все лимыты на все действия (не вести агрессивный фолловинг и отфолловинг)

    есть решения для всех языков для работы с API но получение ключей возлагается на вас.
    Ответ написан
    1 комментарий