• Почему не срабатывает JS в visual code?

    AlexanderK-A
    @AlexanderK-A
    Изучаю ES dev, ищу работу, 36, UTC+10
    Доброго дня!

    Не видно, чтобы ваша html-страница ссылалась на js-файл:
    <script src="path/to/script.js"></script>

    Видимо, codepen делает это автоматически.
    Ответ написан
  • Почему JS в codepen работает, а на сервере или локалке нет?

    hzzzzl
    @hzzzzl
    скрипт подключен после того как в html появляется этот '.login-link', или в < head > например?
    выглядит что js выполняется до того, как рисуется дерево html, и элемент просто еще не существует

    5d2cb12c0f48c942524947.png
    вот вставил скрипт перед закрывающим /body
    Ответ написан
    3 комментария
  • Как правильно размещать текст или изображения по центру блока?

    @Mysianio
    вайти в айти
    Все верно
    В 2019 году грех не пользоваться flexbox или grid, все актуальные браузеры поддерживают их, по этому можете смело пользоваться.
    Ответ написан
    1 комментарий
  • Как правильно разметить блок?

    @UncleMisha
    Выглядит все разумно, я например сделал бы вот так:
    <div class="block">
    		<div class="img-date">
    			Изображение
    		</div>
    		<div class="date">Дата</div>
    		<div class="title-desc">
    			<h2>Заголовок</h2>
    			<p>Описание</p>
    		</div>
    	</div>

    вынес бы class="date" из class="img-date" так как если в стилях для картинки будет ta-c что-бы этот стиль не принял class="date", а так все разумно)
    Ответ написан
    Комментировать
  • Как правильно разметить блок?

    Zraza
    @Zraza
    Помог ответ? Отметь решением!
    Выглядит разумно, проблем не вижу.
    Может .date имеет смысл на уровень выше поднять, сразу за .img-date
    P.S. Лучше называть классы как-то более обще, чтобы при изменении внутрянки не пришлось переименовывать... например .header и .content .
    Ответ написан
    Комментировать
  • Как реализовать 0 такого типа не картинкой?

    Madeas
    @Madeas
    UI / UX Designer, Frontend Developer
    <div class="zero">0</div>
    <style>
    .zero {
      font-size: 15vw;
      font-family: sans-serif;
      font-weight: 900;
      color: white;
      text-shadow: 5px 5px 0 red;
    }
    </style>
    Ответ написан
    1 комментарий
  • Какой размер центровщика в данном макете?

    Anitamsk
    @Anitamsk
    Frontend Dev
    Почему бы центровщик не сделать по секциям? Сейчас очень много проектов где одна секция находится в центровщике, вторая секция допустим слайдер с партнерами отпускается на всю ширину. Сделайте центровщик в виде примеси, и добавляйте его в нужную секцию. Одна у вас будет с контейнером. Вторая секция допустим без.
    Ответ написан
    Комментировать
  • Стоит ли вмешиваться во флексы со своими margin?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer
    100% сходство PerfectPixel делать не стоит. Так как во-первых дизайн не всегда симметричен, иногда дизайнер располагает блоки на глаз и в данном случае нужно понимать, что это не фича. Во-вторых иногда чтобы исправить пару пикселей приходится навешивать не нужные отступы, обертки и т.д.. Сами эти пиксели ничего не изменят, но могут раздуть код, а в последствии еще и заставить дальше его кастылять.

    Возник вопрос, а правильно ли я поступаю, что иногда вмешиваюсь во флексы со своими margin отступами? Например, 3 блока расположены друг от друга с помощью justify-content: space-between, но мне нужно чтоб один блок был чуть ближе к одному из блоков или дальше.

    Если нужно, то почему бы и нет. В БЭМ для этого используют модификаторы и это очень облегчает жизнь.
    Ответ написан
    2 комментария
  • Стоит ли вмешиваться во флексы со своими margin?

    @andreysuha
    Что то знаю
    1) не понял про чуть ближе чуть дальше, но вполне норм как по мне юзать марджины во флексах.

    2) тут как бы зависит от задач. Я например ещё не разу не верстал перфект, хотя коллегам прилетали такие задачи
    Ответ написан
    Комментировать
  • Как экспортировать макет в Zeplin?

    @Tatisha
    Добрый день!

    Столкнулась с подобной проблемой. Правда, zeplin стоит давно. Помогли следующие действия: открыла само приложение zeplin, в меню "zeplin" - "photoshop integration" - "install plugin" (хотя стоит галочка на install plugin automatically). Он предложил закрыть фотошоп, согласилась. Что-то установилось (видимо какое-то обновление) и всё заработало.
    Ответ написан
    1 комментарий
  • Где использовать flex?

    profesor08
    @profesor08 Куратор тега CSS
    1. как хочешь, но нужды нет.
    2. 50/50, разницы нет, но с флексами кода меньше будет, да и надежнее.
    3. можешь использовать, но нужды нет.

    Flexbox он для удобства, если тебе удобно, то используй, хоть везде, если не удобно, то не используй. Тут нет строгих правил. И вообще в вебе нет строгих правил. Развлекай себя как хочешь.
    Ответ написан
    2 комментария
  • Где использовать flex?

    JRK_DV
    @JRK_DV
    Рецепты https://codepen.io/jrkdv/full/LKLXdq
    флексы нужны для удобства расположения внутренних элементов.

    Первый выделенный блок, какое удобство тут принесёт флекс?
    По мне так никакого, тут только внешние отступы между элементами пригодятся.
    Второй блок
    Да, тут можно воспользоваться флексом, чтобы контролировать расположение и ширину дочерних элементов
    Третий блок
    Тут тоже не вижу удобств от флекса, центрирование блока можно и внешними отступами (margin)
    Ответ написан
    4 комментария
  • Где использовать flex?

    @TheTrace
    Ну по сути, не везде его можно использовать у тебя, например в блоке в самом верху его просто подвинули влево и вверх от центра, в последней использовали flex-direction: column и justify-content. Подробнее в этой статье: https://tproger.ru/translations/how-css-flexbox-works/
    Ответ написан
    1 комментарий
  • Чем куки отличаются от сессии в PHP?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Нууу давайте разбираться.

    Для начала почитайте про HTTP на той же вики. Досканально знать не нужно, но стоит минимально понимать структуру запросов/ответов, понимать что у запроса и ответа есть заголовки и тело (тела может и не быть, зависит от типа запроса/ответа).

    Так вот. Куки. Куки живут на стороне браузера. Они передаются HTTP заголовком на каждый запрос на сервер (даже если вы за картинками полезли). Есть просто куки, есть http-only куки. Куки могут быть разграничены по хосту и пути. Все это дает нам гибкость и помогает с секьюрностью. В PHP содержимое $_COOKIE предоставляет нам SAPI. Когда PHP получает на обработку запрос, SAPI используемое (php-fpm, cgi, mod_php имеют свои реализации SAPI) в данный момент берет заголовки и тело запроса, парсит их и заполняет все эти суперглобальные массивы типа $_SERVER, $_GET и в том числе и $_COOKIE. Все что прислал нам клиент (что-то что делает запросы это клиент, что-то что их обрабатывает - сервер), а куки шлет нам браузер только те что можно исходя из того куда шлется запрос. Устанавливаются куки заголовком Set-Cookie в ответе, то есть тут больше нужно читать в принципе про HTTP а не про PHP. PHP просто позволяет вам работать с этим добром. Вы можете сэтить куки напрямую работая с заголовками ответа при помощи функции header. Более того, если выставить время жизни куки в 0, то как раз таки они а не сессия будет сбрасываться при закрытии браузера так как тот будет забывать все такие куки.

    Вот... сессии... В PHP сессия обычно это файл. Просто какой-то файл с рандомным именем. Если скажем в php.ini указано session.autostart или делается вызов session_start то создается файл под сессию пользователя (можно переместить в рэдис или мемкэш, свое хранилище и т.д в зависимости от нужд. Так же данные можно шифровать, что по умолчанию и происходит). Этот файл имеет ID, просто какая-то рандомная строка. И если при обработке запроса не нашлась сессия с предыдущего запроса - создается новая.

    И вот мы подошли к самому интересному - как PHP связывает сессию с предыдущего запроса с текущей. И тут все довольно просто - куки. Когда пользователю присваивается сессия, автоматически сэтится http-only (что бы нехорошие люди не могли из js увести нашу сессию) кука, в которую записан идентификатор сессии. В дебагере браузера можете посмотреть есть ли у вас кука PHPSESSID (название можно менять в настройках, да и вообще сессии можно не только через куки связывать, но это уже загоны по секьюрности) когда будете эксперементировать с сессиями.

    Когда запрос обрабатывается SAPI, при наличии session.autostart, перед тем как начинать создавать новую сессию, пых все же смотрит а есть ли у нас кука с идентификатором сессии, проверяет есть ли у него такая, и если есть успокаивается и не создает новую. Поскольку сессия привязывается через куки, то можно выставить время жизни этой самой куки (в php.ini) и таким образом регулировать время жизни сессии.

    Вот... когда использовать куки а когда сессии? Желательно понимать, что чем больше данных в куках (а у них есть лимит к слову) - тем больше данных мы передаем на каждый запрос. То есть это не круто когда что бы получить 1 килобайт данных мы должны в заголовках передать пару килобайт кук. Люди, повернутые на оптимизации, даже картинки хранят на отдельных cookie-less доменах что бы уменьшить количество трафика и пакетов (обычно простенький HTTP запрос влазит в размеры одного TCP пакета). Если вам нужно работать с этими данными из JS на любой странице, например локаль выбранноую пользователем для того что бы применять переводы еще и в JS, то стоит использовать куки. Для всео остального лучше конечно же использовать сессии. Во всяком случае на начальных этапах когда что-то сильно сложное вам делать не придется.
    Ответ написан
    2 комментария
  • Как сгрупировать данные по полю в JOIN?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    А вы пробовали прочитать и понять сообщение об ошибке? Там ведь английским по белому написано, в чём проблема с группировкой.
    https://dev.mysql.com/doc/refman/5.7/en/group-by-h...
    Ответ написан
    1 комментарий
  • Какие параметры никогда не меняются на HTML5 Canvas Fingerprinting?

    @RMate
    Почитайте о библиотеке evercookie, там и реализация готовая, и методы идентификации такие используются, о которых многие и знать не знают)
    Ответ написан
    5 комментариев