• Критичны ли погрешности при верстке макета?

    Moskus
    @Moskus
    Это вопрос к клиенту. Ему решать. Однако, во множестве случаев, pixel perfect возможен только ценой кучи костылей. Если требуются костыли, но клиент настаивает - он идиот.
    Ответ написан
    Комментировать
  • Как сверстать такое, не меняя структуры?

    yarkov
    @yarkov
    Помог ответ? Отметь решением.
    .status[data-count]::after
    Ответ написан
    2 комментария
  • Какой должен быть порядок следования @media queris при формате "Сначала десктоп"?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Вы правильно поняли. При написании Desktop first - стили пишутся от большего к меньшему.

    @media (max-width: 900px){} - правило учитывает только ширину вьюпорта на любом отображающем устройстве.
    @media screen and (max-width: 900px){} - правило распространяется только на экраны монитора с соответствующим вьюпортом
    @media only screen and (max-width: 900px){} - аналогично предыдущему
    Помимо экранов (screen) могут быть и другие устройства представления информации - print, projection, tvи т.д.
    Ответ написан
    4 комментария
  • Вложенный запрос при UPDATE, как сделать?

    orlov0562
    @orlov0562
    I'm cool!
    UPDATE TB2 SET data_add = NOW() WHERE id_product IN (
        SELECT id_product FROM TB1 WHERE id_manufacturer = 15
    )
    Ответ написан
    Комментировать
  • Какие практики следует использовать в верстке в 2017, а каких стоит избегать?

    @fasnet
    Очень много интересных вещей есть в мире frontend. Например, методология БЭМ, препроцессоры для CSS (Stylus, LESS, SASS), сборщик модулей - webpack и т.д. Сейчас чисто вёрсткой html+css никто не занимается. Обязательно знают JS + другие фреймворки и надстройки над JS (например, TypeScript, Flow). Всё зависит от вашего предпочтения и методологии разработки. Кто-то использует React+Angular, а кто-то Vue.js. Лично я начал бы с изучения или повторения основ HTML+CSS, потом посмотрел новые фишки CSS3 + HTML5, анимации, transition, flex+grid (https://html5book.ru/css-css3/) далее основы JS (https://learn.javascript.ru/ - и всё что есть на сайте), посмотрел бы в сторону препроцессоров CSS, а там я думаю вы бы уже сами определились, что и где использовать, в зависимости от вашего предпочтения.
    Ответ написан
    Комментировать
  • Какие практики следует использовать в верстке в 2017, а каких стоит избегать?

    iiiBird
    @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    за полгода ничего не изменилось. все также верстают и через float и через inline-block.
    но вы видимо так про flex говорите. ну вот его изучите и считайте что вы ничего не пропустили
    Ответ написан
    1 комментарий
  • Макеты для очень начинающего верстальщика?

    сам придумывай - это же элементарно
    в ином случае игнорируй все, что касается JS
    Ну и верстальщик без JS - не верстальщик
    Верстка это как два пальца, можно за неделю-две научиться всему что надо и потом постигать остальное на практике.
    Лучше сразу с JS работай. И даже не думай о jQuery, только посмей притронуться к библиотеке, не научившись нативному JS. Я прослежу.
    Ответ написан
    6 комментариев
  • Html to pdf js?

    @GrizliK1988
    https://www.npmjs.com/package/wkhtmltopdf-nodejs-pdfapi - у wkhtmltopdf проблем с кодировками быть не должно.
    Ответ написан
    Комментировать
  • Html to pdf js?

    @nikfakel
    Веб-разработчик
    https://github.com/MrRio/jsPDF, с кириллицей все нормально
    Ответ написан
    9 комментариев
  • Как правильно изучать верстку c переходом на front-end?

    Aspirin77
    @Aspirin77
    HTML5&CSS3, в любом случае самое первое, что стоит изучить. Html Book - неплохой вариант, для новичка, но всё же в идеале оф. сайт консорциума с документацией www.w3.org
    Думаю, для хорошего верстальщика и front-end developer'a важно понимать "кухню".

    Есть не плохая книга, мне лично очень нравится, Джон Дакетт "HTML и CSS". Книга не из дешевых, но лично мне очень помогла в изучение основ.

    Далее, опять таки на мой взгляд, хотя бы на уровне синтаксиса - изучить JavaScript. Пока не говорю, про библиотеку JQuery. Но она по сути, важна. Книга - Бер Биро, Иегуда Кац "Подробное руководство по продвинутому JavaScript".

    В плане опыта, тут уж наверное понятно, верстать и еще раз верстать, по мере решения определенных задач растет скилл, так сказать. Умение искать ответ в Google тоже немаловажный навык.

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

    Свой код после верстки, можно проверить на валидаторе оф. сайта консорциума. Просто нужно вставить ссылку туда на свой сайт и он анализирует.

    На YouTube, есть видеоуроки по многим направлениям. Из самых крутых на мой взгляд, Sorax

    В целом терпение и желание именно заниматься версткой и front-end. Удачи )
    Ответ написан
    Комментировать
  • Как использовать animate.css для элементов:before?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Не работает, потому что не предусмотрено. Сами продублируйте классы из animate.css для псевдоэлементов

    .animated__before::before {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    Ответ написан
    Комментировать
  • Какой должен быть порядок следования @media queris при формате "Сначала десктоп"?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Если кто-то путает окно браузера с областью просмотра, да ещё к min-width и min-width экран монитора приплетает — у него не только лыжи не едут, а в голове смазки маловато:)

    1. Обрабатываются все media queries. От первого и до последнего.
    2. Если выполняются условия в нескольких @media, то для конфликтующих правил вступает в силу обычный расчёт каскада (читай приоритет правил).

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

    teotlu
    @teotlu
    Навёрстываю упущенное
    С помощью, например, такого ресурса переводите её в base-64, а потом вставляете в CSS, как советует Ugputu .
    Только не советую слишком большие картинки так вставлять. Обычно так поступают со всякими там иконками или паттернами.
    Ответ написан
    Комментировать
  • Как верстать блоки непрямоугольной формы?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    linear-gradient() с наклоном (прямо в самом элементе) — IE 9+
    border у псевдоэлементов — IE 7+
    transform:skew() (также лучше у псевдоэлементов) — IE 9+
    transform:skew() (у самого элемента, а внутренний элемент скосить в обратную сторону) — IE 9+
    SVG (можно фоном, можно напрямую) — IE 9+

    Update: по подсказке lioklio
    transform:rotate() (у псевдоэлементов с увеличенной шириной и обрезкой в одном из предков) — IE 9+
    Ответ написан
    6 комментариев
  • Top level веб-разработка. Где и как?

    thecoder
    @thecoder
    Разработчик веб-приложений и сервисов.
    Вопрос космического масштаба. Полагаю, что не существует единого понятия hi-end класса. Это как в ресторане попросить "принесите самое вкусное блюдо". Стоимость проекта? Объем кода? Нагрузка? Изящество кода? С какой командой это делать? Лично мое понимание профессионализма и высокого класса - это когда клиент доволен и поставленные задачи решены, несмотря на неожиданные препятствия и противоречия.

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

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

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

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

    Для новичков статей и учебников миллион. Чем дальше в лес, тем меньше информации в обучающем формате и вообще информации. В предельном случае максимального углубления в технологии, одиночество, т.к. не будет людей с кем посоветоваться, потому что они еще уроки для начинающих не освоили.

    В качестве практических действий, чтобы ответ не был слишком обобщенным, предлагаю подписаться на Youtube-каналы Академии Яндекса - там попадаются интересные фишечки, до которых самостоятельно можно долго доходить.

    www.youtube.com/channel/UCTUyoZMfksbNIHfWJjwr5aQ

    Англоязычные рассылки:

    css-weekly.com

    javascriptweekly.com

    nodeweekly.com

    Естественно, любимый БЭМ :)

    getbem.com

    ru.bem.info

    Успехов в совершенствовании.
    Ответ написан
    Комментировать
  • Какой правильный подход к изучению JavaScript?

    index0h
    @index0h
    PHP, Golang. https://github.com/index0h
    Как правильно подойти к процессу изучения?

    Про системы обучения написаны кучи диссертаций, и лучшей не существует))
    Я учу что-то новое в it сфере следующим образом: подбираю "понятную для меня" книгу 700+ стр. Читаю, как "художественную" с целью понять: что я могу делать и какие механизмы для этого стоит использовать. Дальше практика с книгой. Потом книга откладывается на полочку и пользуюсь официальной документацией ну и гуглом конечно.

    Какую литературу читать?

    Книга подбирается под себя. Заходишь в магазин, берешь первую попавшуюся (книги типа "С++ за 21 день" - даже не смотри, это тупая трата времени). Открываешь где-то в средине, читаешь абзац, если вообще не ясно о чем там - книга не подходит.

    Какие видео курсы смотреть?

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

    Сколько времени уделять обучению в день?

    Не ставь так вопрос)) Поставь себе реальную цель и добивайся ее, она же будет тебя направлять. Программирование - это процесс непрерывного обучения.

    Какая перспектива как javascript-разработчик?

    Вы посмотрите вакансии по js

    Что вообще лучше Верстальщик или писать мозги сайту(хотелось бы услышать о зарплате, сравнительно)?

    Что лучше, вилка, или ложка? Смотря что собираешься делать))

    --

    З.Ы. Самое важное научиться быстро находить информацию - например ваш вопрос тут уже не раз освещался))
    Ответ написан
    1 комментарий