Ответы пользователя по тегу HTML
  • Как решить проблему верстки при масштабировании окна браузера?

    @aguz
    Client-side developer
    Встречный вопрос:
    А как вы решаете проблему верстки при resize окна? (например перевод планшета из landscape в portrait создаст изменение геометрии окна)

    Очевидный ответ:
    Да, медиа-запросы помогают решить часть проблемы, но не главную. Главный фикс - проценты (или другие относительные еденицы) в величинах контейнеров на странице.
    Ответ написан
  • Как сделать диагональное соединение фонов в секциях?

    @aguz
    Client-side developer
    Поворачивать еще можно с помощью transform: rotate. Только всевдоэлементы придется увеличивать по отношению к родителю.
    Ответ написан
    Комментировать
  • Какой самый продвинутый wysiwyg редактор?

    @aguz
    Client-side developer
    Стрёмное желание. Я б посоветовал не хотеть такого.

    Я понимаю, что хочется создавать а-ля лендинг сразу под продукт, но..

    Современный воркфлоу сложного и красочного макета страницы состоит из нескольких этапов:
    1. Наверстать её в фотошопе (Sketch, Illustrator, etc). В таком релакторе низкая стоимость смены цвета/шрифта/позиции блоков. На этом этапе легко копмозировать страницу, легко наслаивать световые эффекты и видеть результат. Поэтому совет SerzN1 вполне уместен.
    Перевести картинку в маркап+css уже механическая работа.
    2. Запрограммировать, что б макет мог выводится с разными продуктами, разными свойствами. Вот эту задачу обычно решают cms.
    3. В wysiwyg редакторе заполнить описание одного продукта, другого, двадцатого. На этом этапе обычно важно сосредоточится на тексте, содержимом.

    Поэтому у вас есть две крайности:
    - Если продукты уж очень уникальны, требуют точеных решений - тогда забудьте про шаги 2 и 3 и cms , как страшный сон. Рисуйте лендинги, верстайте html-ки под каждый продукт. И горя знать не будете.
    - Если продукты шаблонны, но шаблон особенный и красивый, то у вас cms с простыми инпутами, без wysiwyg редактора совсем. И просто заполняете поля для каждого продукта, а система сама будет "...Перемещать блоки. (двигать). Менять фон. Делать надписи на фото".

    Именно то, что хотите, удалось сделать ребятам из Microsoft в лице Word. Да-да. И хотя это ло сих пор бажное поделие, он вцелом неплохо справляется с задачей быть wysiwyg- ом. Его спасает только то, что при выводет на печать не важно количество мета-информации в файле. А для веба с текущим его состоянием это очень критично.

    Поэтому предлагаю искать решение, когда ckeditor будет излишне технологичен.
    Ответ написан
    Комментировать
  • Как исправить Cross-Origin Request Blocked для Яндекс Метрики?

    @aguz
    Client-side developer
    Вам точно не нужен этот конфиг: вам не нужно разрешать броузеру с домена mc.yandex.ru читать контент вашего сайта.

    The Same Origin Policy disallows reading the remote resource ...

    Здесь речь о том, что mc.yandex.ru дожен был бы разрешить запросы с вашего домена. но что-то пошло не так..

    - Попробуйте очистиь кеш броузера
    - Перепроверить домен в настройках Яндекс.Метрики для вашего сайта
    Ответ написан
    Комментировать
  • Запуск gps-навигатора с сайта?

    @aguz
    Client-side developer
    Копать стоит в сторону geo: схемы.
    Пример: <a href="geo:55.717771, 37.735467">Find Us</a>

    В далеком 2011 вот ребята тестировали и пришли к выводу, что лучше maps: схема.
    Пример:
    <a href="maps:894%20Granville%20Street%20Vancouver%20BC%20V6Z%201K3">Find Us</a>


    Как с сегодняшних реалиях - нужно тестировать (
    Ответ написан
    1 комментарий
  • Как получить должность штатного верстальщика?

    @aguz
    Client-side developer
    1. HTML4/5, CSS2/3 - определения, спецификация. Это минимальный уровень.
    - Как выровнять блок/блоки по центру/слева/справа/по вертикали/по baseline?
    - Сетка (grid): как реализовать, особенности, подводные камни?
    - Вставить картинку на страницу: особенности, варианты, а "так, чтоб вывелась на печать"?
    - Разница DOM / HTML / XHTML / SVG.
    - Google CSS Guide, Github CSS Guide или любая другая договоренность о том как пишеться CSS/LESS/Stylus

    Все другие вопросы сугубо project specific. И от собеседования к собеседованию могут отличаться. Зачастую те, кто собеседуют сами не знают точных ответов на свои вопросы. Тут уж ответ должен сопрягаться с "ожидаемым ответом".

    2. Количество работ - залог того, что удалось столкнуться с разными проблемами.
    - 0 работ - нужно просто феноменально знать спецификацию. Хорошая память и знание английского - залог пройденного собеседования.
    - 2-5 работ "с нуля" достаточно, чтоб составить представление о технике написания кода
    - 10 - всё равно будет рандомно просмотрено 2-5 работ
    - 150 - всё равно будет просмотрено 2-5 работ. Просто 150 работ дают нехилый опыт.

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

    4. Киев/Львов/Чернигов/.. - $400..$600 - это нормально для начинающего верстальщика
    Будут знания JavaScript - можно претендовать на $1000...$1500

    5. Рынку нужны верстальщики-рабы. Много. Люди приходят в "верстальщики" и уходят... А задачи остаются и их еще будет достаточно.
    Ценят за "междисциплинарные" знания. На собеседования любят задать академические вопросы, а в работе приходится сталкиваться с реальными броузерами, реальными пользователями, и реальными отношениями в команде.

    В идеале фронтенд должен идеально представлять как работает броузер, как взаимодействут с сервером, разбираться в сетевых вопросах, знать об ограницениях "по спецификации" и особенноятх релизации в ПО... и тогда его зовут как Frontend Archetechtor или Senior Practice Frontend Lead. Но даже люди на этих должностях имеют ограниченные знания. Поэтому на рынке востребованы разные люди с разными знаниями.

    Дерзайте! Удачи!
    Ответ написан
    Комментировать
  • Вопрос верстальщикам. Плюсы и минусы, вёрстка vs. изображение

    @aguz
    Client-side developer
    Всё-таки это холиварная тема. Есть надежда, что хоть ссылок в комментариях оппоненты набросают.

    Здесь нет однозначного ответа. Он лежит в плоскости:
    - ваши знания (от этого будет зависеть время, потраченное на вёрстку)
    - перечень девайсов, под которые нужно решить проблему (например Вадим Макишвили делится как напечатать непечатаемый фон http://vimeo.com/74930902 )
    - сложность той картинки, которую нужно сделать в html (практически нет ничего невозможного http://codepen.io/jaysalvat/full/HaqBf)

    Вот и получится, что плюсы и минусы будут меняться от примера к примеру.
    Ответ написан
    1 комментарий