Ответы пользователя alvvi

Как разместить svg не квадратным блоком, а чтобы наведение осуществлялось только по границам этой SVG?

alvvi @alvvi

export default apathy;

Сделайте это одним тегом svg и вставьте его инлайново.

Ответ написан более трёх лет назад

2 комментария

Как "зафиксировать" ширину блока при присвоении position: fixed; и контролировать его поведение?

alvvi @alvvi

export default apathy;

Вообще поведение полностью логичное. Вы сами пишите

что, в принципе, естественно, т.к. отчет от экрана, и с этим можно бороться

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

1. В любом решении без JS необходимо будет какое-то фиксированное значение, один из вариантов: добавить контейнеру фиксированный max-width, а блоку

width: inherit;
max-width: inherit;

Таким образом блок унаследует max-width контейнера и не будет выходить за его пределы.

2. Как контролировать поведение и сделать плавное "скольжение" блока без прыжков на старте?

"Прыжок" в вашем случае это премещение на 12px от края экрана, поскольку вы добавляете класс с

position: fixed 
top: 12px

только когда scrollTop становится равен offsetTop, а после этого он естественно отпрыгивает вниз на 12px. Чтобы избежать этого надо добавлять класс когда scrollTop равен (offsetTop - 12px), потому что в этом случае блок при добавлении будет уже в "нужном" месте.

https://codepen.io/Alvvi/pen/MEXeaV

Ответ написан более трёх лет назад

Комментировать

Как позволить пользователю отправить форму на нужный ему url?

alvvi @alvvi

export default apathy;

Если вы уже забиндили инпут на свойство инстанса, то что мешает просто подставить его в методе который обрабатывает отправку:

const url = `http://toster.ru/${this.userUrl}`;
$.ajax({
  url,
  // ... все остальное
})

Если же у вас проблемы с чем-то более фундаметнальным, то документация в помощь.

Ответ написан более трёх лет назад

6 комментариев

Как красиво анимировать открытие новых страниц сайта?

alvvi @alvvi

export default apathy;

PJAX
Можно например использовать barbajs.org/index.html

UPD: Добавлю, что это не инструмент для анимаций, по сути это просто роутинг с подргрузкой страниц с помощью AJAX, для непосредственно анимаций можно использовать как чисто CSS, так и что-нибудь потяжелее, например GSAP и/или различные библиотеки для работы с SVG.

Ответ написан более трёх лет назад

Комментировать

Какое решения для использования медиазапросов с Sass вы считаете самым эффективным?

alvvi @alvvi

export default apathy;

sass-lang.com/documentation/file.SASS_REFERENCE.ht... вот для scss
для синтаксиса с пробелами вместо скобок, нужно, просто заменить скобки пробелами

@media (max-width: 320px) 
  .hello 
    rule: value

// а лучше

.hello
  @media (max-width: 320px)
    rule: value

Ответ написан более трёх лет назад

Комментировать

React: почему мини приложение работает не правильно?

alvvi @alvvi

export default apathy;

https://jsfiddle.net/47tfojLa/1/
Не используйте индексы в качестве ключей

Ответ написан более трёх лет назад

4 комментария

Зачем используется обратный слеш при выборе?

alvvi @alvvi

export default apathy;

Чтобы интерпретатор не подумал что это закрывающаяся каывчка, и, соответственно, конец строки
Еще можно использовать двойные кавычки и убрать "\", тут на любителя, по крайней мере в js.

Ответ написан более трёх лет назад

Комментировать

Покритикуйте верстку, парни?

alvvi @alvvi

export default apathy;

Сколько по времени займет такая страница у хорошего верстальщика?

Не буду говорить за всех хороших, но у меня бы часа 2 заняло.

Обратите внимание на правильность/неправильность применения БЭМ, SCSS, семантику, адаптивность. На телефоне отображается все хорошо вроде.

Семантика хромает, даже очень: заголовки тэгом <a>, тэг<content></content> который deprecated вместо очевидного article, модификатор с названием _mod - тоже классно, сразу ведь понятно что он делает, да?) Глубже не стал смотреть, т.к. это довольно грубые ошибки.

Сейчас пытаюсь пробиться на стажера, достаточно ли этого?

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

Ответ написан более трёх лет назад

Комментировать

Как править страницу сайта на WordPress?

alvvi @alvvi

export default apathy;

Если нужна именно кастомная страница со своей версткой, то
1. Создать новый темплейт-файл, например, в корне, page-custom_page.php
1.1 Добавить туда название темплейта, header, footer, загуглите как
1.2 Собственно добавить верстку
2. Зайти в админ-панель -> Страницы -> Добавить новую
3. Выбрать темплейт и создать страницу
Готово

Ответ написан более трёх лет назад

Комментировать

Как указать путь к папкам в wordpress?

alvvi @alvvi

export default apathy;

<script src="<?php echo get_template_directory(); ?>/js/common.js"></script>

Вместо этого лучше использовать wp_enqueue_script в functions.php.

<img src="<?php get_template_directory_uri(); ?>/img/group2.jpg" alt="">

Забыли echo
Если все равно не работает, то какой реальный абсолютный путь до файла на сервере? Какой генерирует в HTML?

Ответ написан более трёх лет назад

Комментировать

Как оставить в bootstrap 4 только сетку и вспомогательные классы?

alvvi @alvvi

export default apathy;

Вообще вот так:

@import "functions";
@import "variables";
@import "mixins";
@import "grid";
@import "utilities";

Если Gulp выдает вам какую-то ошибку, то надо смотреть, что за ошибка.

Ответ написан более трёх лет назад

Комментировать

Эпически-Бомбический пользователь - ГитХаб?

alvvi @alvvi

export default apathy;

*кидает палкой*

Прошу разъяснить мне бестолковому, как юзать ГитХаб, а точнее как посмотреть "промо" того или иного кода (без скачивания к себе и запуска index.html).

Например использовать github pages
https://pages.github.com/
Или просто сделать сайт с демкой на отдельном хостинге и прикрепить ссылку в репо.
Гитхаб - это не аналог codepen, это сервис решающий совершенно другие задачи.

Ответ написан более трёх лет назад

1 комментарий

Как в методе компонента получить переданные данные?

alvvi @alvvi

export default apathy;

Vue.component('my-component', {
  props: ['myMessage'],
  template: '<span>{{ myMessage }}</span>',
  created() {
    console.log(this.myMessage);  
  }
})

Ответ написан более трёх лет назад

Комментировать

Добавлять класс для label при активном checkbox?

alvvi @alvvi

export default apathy;

Заменить { $(this).addClass("qqqq");}
на
{ $(this).next().addClass("qqqq");}

Ответ написан более трёх лет назад

2 комментария

JQuery: как выбрать элемент по номеру?

alvvi @alvvi

export default apathy;

$('#country').children().eq(index);
где index - номер, но вы бы лучше прикрепили html для верности.

Ответ написан более трёх лет назад

1 комментарий

Как сделать 2 условия (if) в одном?

alvvi @alvvi

export default apathy;

if (($god < 17) || ($god == 17 && $mesac < 8)) 
{
действие;
}

Ответ написан более трёх лет назад

3 комментария

Как писать стили для множества страниц?

alvvi @alvvi

export default apathy;

Не создавать же свой отдельный CSS файл для каждой страницы

Why not?
Сделайте файл с общими стилями и файлы для каждой странице.
Это конечно если у вас там много стилей, в других случаях можно все вместе сбандлить на продакшн.
А вот в разработке, имхо, даже по странице делить не очень, используйте БЭМ или что-то подобное.

он сразу все загружает когда мы зашли на сайт?

По умолчанию так, но можно загружать что-то асинхронно.

Ответ написан более трёх лет назад

Комментировать

Как парсить Json с другого сайта, через Jquery или JS?

alvvi @alvvi

export default apathy;

Можно использовать сокращение

$.getJSON( "testlodtask20172.azurewebsites.net/task", function( data ) {
  // в data ваш объект
});

Ответ написан более трёх лет назад

Комментировать

Два сета глифов у шрифта, как разделить?

alvvi @alvvi Автор вопроса

export default apathy;

В общем, нашел какую-то олдскульную прогу под названием FontForge, и с помощью нее вручную создал новый шрифт с нужными глифами. Если кто-то знает более удобный софт - милости прошу, поделитесь.

Ответ написан более трёх лет назад

Комментировать

Кто подскажет использование синтаксиса нового?

alvvi @alvvi

export default apathy;

Вместо '', нужно использовать ``.

Ответ написан более трёх лет назад

Комментировать

Войдите на сайт