Задать вопрос
  • Как сделать плавный переход градиента?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Градиенты нельзя анимировать в рамках CSS "в лоб". Но можно сделать несколько элементов с разными градиентами друг над другом и менять им прозрачность:

    Ответ написан
    4 комментария
  • Как сделать плавный переход градиента?

    Stalker_RED
    @Stalker_RED
    Вот список свойств, которые можно анимировать, и background-image среди них нет. Т.е. оно меняется, конечно, но плавности не ждите.

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

    Seasle
    @Seasle Куратор тега CSS
    .element + .element {
      margin-left: 20px;
    }

    https://developer.mozilla.org/ru/docs/Web/CSS/Next...
    Ещё варианты:
    • flex + gap для схожего поведения с grid'ами;
    • :first-child + :last-child для удаления лишних margin'ов;
    • :nth-child для удаления лишних margin'ов;
    • Как предложили ниже: использование отрицательных margin'ов для внутренней обёртки.
    Ответ написан
    Комментировать
  • Что такое LF, CLRF и как с этим бороться?

    saboteur_kiev
    @saboteur_kiev Куратор тега Git
    software engineer
    Вы считаете себя программистом, и до сих пор не знаете что в Windows crlf а в Linux lf?

    Настройка в git существует изначально.
    Проблема переноса строк существует с тех пор, когда появился DOS и Windows со своей кодировкой. И чтобы сейчас не изобретали, эта проблема будет оставаться. Точнее не проблема, если есть конфиг.

    В общем ваше нытье удивляет. Технический долг есть не только в говнопроектах. Он есть в проектах любого уровня, включая железную архитектуру. Поэтому да, нужно учить и те вещи, которые исторически сложились, и полезно изучить историю их появления в использования, чтобы понимать почему от них не так легко избавиться, что они существуют уже 20-50-70 лет и никак не пропадают. Тогда будет проще жить и интуиция будет работать лучше.
    Ответ написан
    2 комментария
  • Что такое LF, CLRF и как с этим бороться?

    Adobe
    @Adobe
    php developer
    Я когда первый раз брался за это дело, тоже без мата не получалось. Времени кучу убил на все разбирательства.
    Это директивы перевода строк. Чтобы не было косяков между винды/юниксы/маки и прочих в переносах строк.
    Я себе в конфиге сделал autocrlf = false и больше меня не мучил этот вопрос.
    Ответ написан
    7 комментариев
  • Чем scrollY отличается от pageYOffset | scrollTop?

    EreminD
    @EreminD
    Кое-что умею
    https://developer.mozilla.org/en-US/docs/Web/API/W...
    The read-only scrollY property of the Window interface returns the number of pixels that the document is currently scrolled vertically

    The pageYOffset property is an alias for the scrollY property

    An element's scrollTop value is a measurement of the distance from the element's top to its topmost visible content


    Короче
    scrollY - на сколько пикселей страница пролистана вниз
    pageYOffset - то ж самое
    scrollTop - насколько пикселей пролистано от начала элемента до видимой области
    Ответ написан
    2 комментария
  • Зачем нужна точка в пути к файлу?

    @JuniorNoobie
    Сижу в поддержке, пишу мелкие проекты
    / is the root of the current drive;
    ./ is the current directory;
    ../ is the parent of the current directory.

    Первая ссылка в гугле, если что...
    Ответ написан
    4 комментария
  • Срезанные/скошенные углы у DIV-слоя с произвольным фоном внутри него и под ним на чистом CSS. Реально ли?

    @942547
    .polygon {
        clip-path: polygon(5px 0,100% 0,100% calc(100% - 5px), calc(100% - 5px) 100%,0 100%,0 5px);
    }
    Ответ написан
    Комментировать
  • Разница между background: url('...') и background: url(...)?

    ZloDeeV
    @ZloDeeV
    Верстаю в своё удовольствие
    Нет правильной причины не оборачивать строки в кавычки. По гайдлайнам CSS/SCSS - все строки оборачиваются в одинарные кавычки(их проще набрать на клавиатуре, чем двойные), для лучшей читаемости кода(подсветка кода срабатывает на содержимое кавычек) и для того, чтобы синтаксический анализатор не полыхнул пламенем при виде строки без кавычек.

    Комментарий Евгений Петров не соответствует действительности - CSS не требует, чтобы строки были помещены в кавычки, даже те, что содержат пробелы. Строка в кавычках является точным соответствием её двойника без кавычек. Просто в предложенном примере с data:uri в строке имеются другие кавычки и интерпретатор банально сходит с ума, такие символы нужно экранировать.
    Ответ написан
    32 комментария
  • Что изучить в первую очередь для веб сайта?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    tenor.gif
    Зависит от того, что наниматель вкладывает в "слежение". Может понадобиться:
    1. Уверенное знание Linux и, соответственно, умение работать в консоли.
    2. Знание SQL и используемой СУБД.
    3. Понимание общих принципов работы сетей в целом и Web в частности.
    4. Знание языка программирования, на котором написан сайт.
    5. Знание фреймворка, на котором написан сайт.

    В такой постановке изучить понадобится с десяток учебников.

    Но если задача ограничивается только "обновлять цены/дополнять разделы/etc", то нужно на пользовательском уровне знать используемую CMS. С этим справляются и анекдотично блондинистые девочки-маркетологи.
    Ответ написан
    Комментировать
  • Что изучить в первую очередь для веб сайта?

    approximate_solution
    @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Завтра мне нужно будет "следить" За сервером. Что мне понадобится изучить и какие учебники можете посоветовать?

    605d7a21c60c6227129062.jpeg

    Если от этого "поезда" не убежать, то советую перед каждым действием - 5 раз гуглить, 10 раз перечитать информацию, если есть возможность не править код в наглую в "мастере" и на боевом сервере(накатить на dev и оттестировать"), как можно чаще задавать себе вопрос "а не делаю ли я что-то, что может привести к факапу и увольнению за нецелесообразность".
    Ответ написан
    4 комментария
  • В чём минус вёрстки дивянками?

    MrDecoy
    @MrDecoy
    Верставший фронтендер
    1) Вы не помогаете ни себе в будущем, ни будущему разработчику читать код сайта. Так как всё - див, то не понятно на первый взгляд, функциональный он или же просто обёртка. Хотя див по своей задумке должен быть обёрткой и только обёрткой.
    2) Вы не помогаете людям, пользующимся интерфейсом не только мышкой, не только глазами. Семантические теги помогают строить дерево доступности, которое помогает быстрее навигироваться по странице и понимать что на ней вообще есть.
    3) Вы не помогаете поисковым системам понять, что на сайте за контент. Поисковые системы любят семантику. Любят семантические сайты. Поэтому если всё хорошо размечено, то в поисковой выдаче сайт будет выше, а так же может быть более качественный и информативный сниппет ответа на запрос пользователя, а это положительно сказывается на пользовательском опыте и конверсии для сайта.
    4) Если Вы даже кнопки и ссылки верстаете дивами, то гореть вам синим пламенем Вы теряете нативное поведение этих элементов, которое Вам придётся эмитировать. Причём полностью повторить его, скорее всего и не удастся. Например: если вместо ссылки Вы делаете div c событием onClick, в обработчике клика указываете что нужно перейти на такую-то страницу, то переход будет осуществляться СТРОГО по событию клика. На этом диве Вы не сможете нажать колёсиком, как на ссылке, чтобы открыть её в новой вкладке. На этом диве, если нажать правой кнопкой мыши, в контекстном меню НЕ будет кнопки "Открыть в новой вкладке". На этом диве Вы НЕ сможете использовать CSS селекторы :active, :visited и тд. Если это див будет, каким-то чудом, в фокусе, Вы НЕ сможете нажатием на пробел "перейти по ссылке" и это только то, что касается ссылок, и то не всё.

    В чём минус вёрстки только дивами? Проще ответить на вопрос: в чём достоинство? Ответ: ни в чём.

    P.s. Да, можно достичь почти всего вышесказанного только дивами, но для этого нужно грамотно и весьма геморно пользоваться aria-* и role атрибутами, а так же городить кучу лишнего js`а.
    Ответ написан
    Комментировать
  • Актуальна ли серия книг O'Reilly Head First?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    годится вполне, для введения,
    потом практика и узкоспециализированные

    Орейли в целом высокий уровень, не индусы с ПактПаба
    Ответ написан
    Комментировать
  • Актуальна ли серия книг O'Reilly Head First?

    rockon404
    @rockon404
    Frontend Developer
    Серия хорошо подходит для людей с нулевыми знаниями. После прочтения знания необходимо дополнять чем-то посерьезней.
    На "Изучаем программирование на HTML5" - не тратьте время. Все эти стандарты быстрей осваиваются во время решения конкретных задач. Изучите лучше хороший справочник по верстке "Новая большая книга CSS"
    По поводу "Изучаем программирование на JavaScript" - хорошая книга для новичка, но по старому стандарту(который входит в новый и его так же необходимо знать). Знания на выходе будут базовые и после нее стоит догоняться learn.javascript.ru и другими источниками.
    Ответ написан
    2 комментария
  • Актуальна ли серия книг O'Reilly Head First?

    Get-Web
    @Get-Web
    Front-End Developer
    Если вам нравится подача материала в книгах O'Reilly, то смело можете читать. Это все базовая информация она всегда будет актуальна. То что не рассматривается в этих книгах вы со временем подтяните в других. Но лучше больше практикуйтесь, чтение технической литературы без практики очень плохо усваивается.
    Ответ написан
    Комментировать