Ответы пользователя по тегу JavaScript
  • Как реализовать (скрыть текст и показать полностью)?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    Комментировать
  • Как обновить браузер если он старый?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    Anton Essential: Вот носите Вы что-то свое старое дорогое и любимое. И вот приходит кто-то, выкидывает Это Любимое и дает новое, вроде качественное, но жесткое и не родное.

    Я бы тоже хотела, чтобы все обновляли браузеры, но это личное дело каждого.

    Наше дело верстать сайты так, чтобы они нормально (не обязательно одинаково и возможно, с аналогичным вашему предупреждением) выглядели во всех ныне живущих браузерах или выбрать список поддерживаемых браузеров, а те кто пользуются старьем пусть сами с ним и разбираются.

    Вот поэтому такие и ответы. Да и вопрос так сформулирован, Вы уж простите.
    Ответ написан
    Комментировать
  • Как посчитать уникальных посетитлей на сайте?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    Записывать IP - прекрасная идея. Один офис - один уникальный посетитель :)

    Поставьте счетчики гугла или метрику или какой еще нравится. У них тоже значения будут отличаться и нет сервиса который скажет абсолютное и точное количество именно людей.
    Сколько точно было людей важно пока их 10, когда их несколько тысяч, то примерного значения вполне достаточно для аналитики.

    Важнее динамика и % конверсии.
    Ответ написан
    Комментировать
  • Почему не работает +1 в скрипте Jquery?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    1. Нельзя второй раз добавлять
    <div id='div'><inputs id='bbb' size='30' name='avon'></div>
    id можно использовать только один раз => заменить на классы
    2. Вы складываете строки

    На первом шаге:
    current был 1, прибавили +1 =2
    вышло avon2

    На втором шаге:
    bbb = avon2
    current =3
    bbb_current выходит = avon23

    и т.д.

    И исправьте inputs на input. Хотя пока не ясно зачем они нужны.
    Ответ написан
    1 комментарий
  • Чем отличается адаптированный от адаптивного сайта?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Адаптированный - к чему-то ОДНОМУ. (Книга адаптирована для детей дошкольного возраста). Версия адаптирована для мобильных (отдельная мобильная версия), версия для слабовидящих и т.д.

    Адаптивный - подстраивающийся. Причем, без разницы за счет чего: обычной резиновости (когда размеры задаются полностью или частично в %) или media-запросов (когда размеры, положение, иногда и вид блоков изменяются по более сложным законам). В реальной жизни на сайтах чаще всего получается комбо.
    Ответ написан
    Комментировать
  • Как узнать прижался элемент к верху браузера?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    1. Получить высоту верхнего блока.
    2. Получить высоту прокрутки, scrollTop
    3. Сравнить
    Ответ написан
    Комментировать
  • Как грамотно отверстать список?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    1.1 Если речь идет про открывание подуровней при ховере:
    Ну представьте как пользователь проводит мышкой по меню и у него начинается дикое прыгание пунктов меню. Он считает, что от 2-го до 3-го пункта меню ему мышкой надо провести 1 см, а оказывается, что намного больше. А если это не очень ловкий пользователь?
    Если бы второй уровень в сторону открывался, тогда да.

    1.2. Если речь идет про показывать треугольники по клику, то они должны показываться как раз таки в закрытом меню.

    2. Типа этого:

    .parent {
        content: '';
        position: absolute;
        top: 50%;
        right: 0.5em;
        margin-top: -3px;
        height: 0;
        width: 0;
        border-style: solid;
        border-width: 6px 3px 0 3px;
        border-color: #229D99 transparent transparent transparent;
    }
    Ответ написан
  • Как правильно задать высоту блока когда между верх и ниж. контентом большое расстояние?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    display: flex; для родительского блока
    можно еще и с заменой направления главной оси и justify-content: spact-between
    Ответ написан
    Комментировать
  • Как сделать эффект затемнения фона при наведении на картинку?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    1 строчка
    img:hover {
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.8);
    }

    Реализация: codepen.io/anon/pen/KrQENE

    Возможно, потребуется еще z-index, в зависимости от того, что у Вас еще в макете творится.
    Ответ написан
    Комментировать
  • Почему не так часто используют JS фреймворки?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    Потому что для большинства даже адаптивных сайтов достаточно чистой верстки, а JS/JQ нужны в основном для карусели :)

    На фрилансе присутствуют заказы, в которых народ требует для сайта в 3 колонки фиксированной ширины из 5 страниц, использовать бутстрап и битрикс. Вот им можно туда еще чего-нибудь вживить.
    Ответ написан
    Комментировать
  • Как сделать что бы элементы не накладывались друг на друга в owl.carousel?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    Тык Вами написана минимальная ширина блока (итема) 318 точек. А каруселька посчитала, что в доступное место влезают блочики только по 163px.
    Хорошо бы посчитать получше и понять какого эффекта нужно добиться.
    Либо общую обертку увеличить, либо итемы уменьшить.
    Ответ написан
    Комментировать
  • Как научиться верстать без проблем?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Студентам в начале курса говорила, кто хорошо в детстве играл в лайнс, тетрис и подобное, тот будет хорошо верстать.
    Верстка это обычная геометрия средней школы записанная с помощью тегов и раскрашеная/подвинутая стилями. Всё.
    Всякие JS и т.д. это просто следующий этап.

    План действий может быть таким:
    1. Берете/получаете макет
    2. Внимательно рассматриваете его, мысленно разбивая на блоки. Думаете что куда может/должно растягиваться или уменьшаться при изменениях экрана и увеличении/уменьшении контента.
    3. Если п.2. сразу не осилился, идете гулять или спать.
    4. Возвращаетесь к п.2.
    5. Верстаете понятные большие блоки, затем их заполняете. Разбивайте задачи более простые.

    По началу полезно пролистывать справочник, потому что в голове остаются часто используемые решения, а о других возможностях забывается.

    А совсем без проблем не выйдет, потому что экранов много, браузеров много, хотелок у заказчиков еще больше. Хорошо, когда эти хотелки интересные :)
    Ответ написан
    12 комментариев
  • Как соотносятся разрешение монитора и разрешение экрана телефона?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Пооткрывайте https://www.esolutions.se/en-GB/test с разных устройств :)
    Viewport не равен разрешению экрана из характеристик устройств.
    Ответ написан
    Комментировать
  • Как сделать код на jqery более правильный?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    Первое попавшееся из поиска: https://habrahabr.ru/sandbox/91471/
    Гуглите по запросу JQuery tabs там видимо-невидимо примеров.

    Вот нашла чей-то пример без js вообще: jsfiddle.net/ademaro/WwrsX
    Ответ написан
    Комментировать
  • Как сделать простой таймер для Windows?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    JS, JQ
    Первый попавшийся урок про таймер: https://myrusakov.ru/js-countdown-timer.html
    Ответ написан
    Комментировать