Задать вопрос
  • Как избавится от переноса блока на новую строку (скрин прилагается)?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Перейти на последний бутстрап

    А, ну и вся эта мотня должна быть в строке <div class="row">....
    Ответ написан
  • Django python при редактировании файлы html на сайте ничего ни меняется?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Сброс кеша браузера
    2. Сброс кеша морды → сброс кеша браузера
    3. Перезапуск сервера → сброс кеша браузера

    Вариантов еще может быть много, но все они требуют реального понимания проблемы и вслепую никак.
    Ответ написан
  • Как сделать что бы при уменьшении разрешения, блоки становились друг под другом, а не выравнивались по самой большой высоте?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Технология древняя, как массоны)
    https://masonry.desandro.com/

    Имеет, правда, некоторые изъяны. Например желательно запускать после загрузки изображений, так как постройку может произвести без их учета. Но это тонкости.
    Ответ написан
    Комментировать
  • Как правильно на css сделать фильтр?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Фильтры CSS немного не про это. Тут, если мы говорим все же про верстку и CSS, то можно сделать наложение поверху с цветом, включающим в себя альфа-канал. Перед этим можно поиграться в ФШ, чтобы получить данные для цвета и его прозрачности.

    Наложение это буквально 2 слоя, с разным z-index, где сверху либо тег, либо псевдоэлемент с цветом.
    Ответ написан
    Комментировать
  • Как искать html лендинги для копирования?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Краткий обзор авторского права в Беларуси и России.

    А вот черпать вдохновение, чтобы сделать самостоятельно, можно на Бехансе, Пинтересте, Дриббле, Инстаграмме и т.д. И еще больше, можно научится верстать самостоятельно по справочникам, текстовым и видеоурокам и даже под бдительным надзором личного или группового ментора.
    Ответ написан
    Комментировать
  • Как сделать так, чтобы картинка поиска отображалась на всех страницах?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Чтобы гарантировано ловить статику надо выполнить команду collectstatic. Оно соберет все зависимости проекта в папку статики и оттуда захардкоженные пути сработают.
    А в остальном соглашусь с авторами предыдущих ораторов, надо читать документацию. В примере развертки проектов все это расписано на уровне «скопируй и сработает».
    Ответ написан
    Комментировать
  • 13, 15, 17 дюймов, какое разрешение в пикселях?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Один и тот же физический размер экрана может иметь разное количество точек на дюйм.
    А пиксели это вообще абстрактное понятие.
    Читай про медиазапросы, ретина (это ключевики для поиска)

    З.Ы. хочешь показаться умным, спроси, сколько должно быть точек на дюйм (dpi) в конкретно заданных форматах экранов.
    Ответ написан
    3 комментария
  • Как получить body?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Через CSS никак, через JS без проблем.
    Каскадность стилей подразумевает движение только вперед и внутрь.
    Ответ написан
  • Знак ₽ или U+20BD?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Как ни удивительно, но есть википедия, которая обозревает этот вопрос.

    От себя акцентирую внимание на то, что шрифт должен поддерживать этот символ.
    Ответ написан
    Комментировать
  • Как сделать так, что бы ссылка оставалась такой после нажатия на неё?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Я так подозреваю, что это табы. Для табов надо использовать JS и навешивать класс, к примеру .active на табу.
    Ответ написан
    Комментировать
  • Стоить ли углубится в изучение HTML, CSS и Java или выучить так что бы было понятно?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    На счет Java ничего не могу сказать, как по мне это удел разработки сервисов, но поправьте меня знатоки, если это не так.
    Python — отличный язык для разработки как простых сайтов, так и полноценных приложений. При всем при том, что подавляющее большинство сайтов разработано либо на голом html, либо на php.
    Если цель — стать крутым спецом в разработке, вперед и с песней осваивать питона или пыху, если хочется упростить себе жизнь — посмотри на общие сведения языка, обзорная экскурсия занимает пару часов (у кого-то, может, быстрее, у кого-то это дни), и углубляйся в какой-нибудь фреймворк, там копированием из гайдов с разбором подтянешь и сам язык (наверное).
    Для этих языков хватит общего понимания html+css, если ты хочешь стать человеком-оркестром, но лучше выбрать направление фронт или бэк уже сейчас.
    Если это все же была опечатка и ты не отличаешь Java от Javascript, то рекомендую сперва разобраться в теме.
    Ответ написан
    Комментировать
  • Не обновляются стили css. В чём проблема?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Суммарно во всех подключенных css может быть несколько правил, из которых вы поправили всего 1, а в остальных случаях будет работать старое. Но это должно было бы быть видным в «Elements». Плюс, когда мы говорим про темы WP, может происходить перезапись средставами установленного фреймворка, т.е. в ресурсах все будет верным, а на выходе отрендерено с другими данными, это зависит от фрейморка, его настроек и криворукости создателя темы, или неумением читать гайды тем, кто тему купил. Тут без упрека, но гайды все же читаются в последнюю очередь, да и возможен случай, когда оба условия верны.
    Если мы, конечно, о WP, а то мало ли.

    З.Ы.: бедный media, сколько раз его призвали)
    Ответ написан
  • Что еще необходимо знать, чтобы стать junior Front-end разработчиком?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    JS это вообще клоака.
    Очередность правильная HTML→CSS→JS
    Правда препроцессоры вперед ногами пошли, их бы после базы, туда же бут и т.д.
    Ну и в процессе грамотность верстальщика надо вытягивать. Это знание языка, правил, ГОСТ-ов оформления доков, сокращений и т.д.
    Ну тут хотя как, многие (как и те, кто верстает только на дивах), думают, что фронтенд это типа бэкенда, только на JS. Т.е. если разобраться в JS и фрейморках, то в принципе можно проскочить попервой все, что выше, но в какой-то момент все равно вернешься.

    З.Ы.: я как всегда удачно зашел, это одна из моих любимых тем. Чуть шире, чем тут, я ее раскрыл в статейке.

    Сам я с удовольствием верстаю уже порядка 8–10 лет.

    З.Ы.Ы.: Как показывает практика, многие, кто встает на путь истинный и учится верстать нормально, сдает позиции по принципу «ну его туда-сюда».
    Ответ написан
    8 комментариев
  • Как прижать футер?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Чо, мама кашей не кормила?

    Проблема в схлопывании отступов. Спасет понимание проблемы и правильное обнуление\ну или просто корректное применение.
    Ответ написан
    Комментировать
  • Как уменьшить размер шрифта если высота и ширина фиксированная?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    overflow-y: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;


    Обрежет текст до 1 строки. Стандартная процедура для учета пользовательского ввода.

    На слух же идея прыгающего в размерах текста без дизайна, чтобы заценить, выглядит глупо.
    Ответ написан
  • Какой Wordpress плагин для создания тем с нуля?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Я, конечно, как и все поржал, но могу посоветовать unyson. Или иной pagebuilder. На площадках хватает «тем» конструкторов с разным дизайном и такие билдеры помогают собрать.

    Впрочем, с нулевым или около того пониманием, как все это устроено, затея обречена на провал при любом шаге вправо-влево.

    З.Ы. билдеры — не более, чем плагины, их можно установить из маркета в админке.
    Ответ написан
    Комментировать
  • Как обрезать див под углом с одной стороны?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    apps.eky.hk/css-triangle-generator

    Боюсь в глобальном смысле, оно не сильно поможет.
    Ответ написан
  • Как убрать тень под border-bottom?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Как вариант указать z-index «ниже» основной плашки.

    А так я кажется это уже видел тут, с месяц чтоль назад. Все никак?)

    UPD: А квест действительно интересный, я так-то очень давно с такой ерундой давно не сталкивался. Мой вариант с z-index имеет место быть с доработками. А вообще он скорее непригоден, так как я забыл про тень, которая будет накинута не от таба, а на таб.
    А вариант Дмитрий плох тем, что при изменении параметров тени для одного объекта, визуально мы отрываем его от другого, создавая другую глубину. Это хорошо заметно на размытии в 15px и более (см третий таб).

    А в целом классово верным решением будет border-image или все-таки svg, как я отвечал по ссылке на предыдущий вопрос тематики. И с двумя вариантами придется помудохаться.
    Ответ написан
  • Смещается картинка, что делать?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    1. Вкладывать в Hn в a нельзя (в широком смысле — блочные в инлайновые)
    2. Позиционирование\марджины\трансформирование в помощь
    Ответ написан
    Комментировать
  • Сервис оптимизации изображений?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    В ларавеловской приблуде надо использовать image.intervention.io/api/stream и ухудшать качество, комбинируя с размерами.
    Если собирается морда, то gulp + gulp-imagemin отличное решение.

    Впрочем, ничего не заменит ручной обработки изображений. Автоматика убивает качество не только по цифрам, но и по визуальной составляющей, в то время, как используя различные форматы можно выиграть в качестве и размерам.

    Да и в целом с изображениями достаточно сложно. Экспорт тому пример.

    Если проблема в показателях по PagesSpeed, то проще, и может быть правильнее, будет использовать скрипт ленивой загрузки. Но это отдельная тема о разговоре.
    Ответ написан
    Комментировать