Контакты

Достижения

Все достижения (6)

Наибольший вклад в теги

Все теги (31)

Лучшие ответы пользователя

Все ответы (113)
  • Какие актуальные технологии фронтенда?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Препроцессоры (LESS, SCSS, SASS, Stylus), всякие фреймворки типа Angular и React.js, сборщики типа Grunt или Gulp. Node.js, чтобы это всё замутить в автоматическую сборку. Bower ещё какой-нибудь.
    Нативный JavaScript — это основное и неотъемлемое требование.

    Разумеется, нужно хорошо уметь верстать. Для современных браузеров уже не настолько актуально, но всё-таки стоит использовать спрайты или иконочные шрифты. Я предпочитаю второе.
    Ответ написан
  • Как правильно применять требование "pixel-perfect" к отзывчивой верстке?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Для начала стоит объяснить заказчику, что такое вообще Pixel Perfect. Он думает, что это идеальное соответствие вёрстки нарисованной дизайнером картинке?
    Зря он так думает.
    1) Шрифты рендерятся в браузере не так же, как в графических редакторах. Более того, в разных браузерах они рендерятся по-разному.
    2) Я не видел ни одного, НИ ОДНОГО дизайна, где дизайнер не допустил бы хотя бы миниатюрной ошибки. Скажем, есть разделители между элементами списка новостей, но пункты разной высоты, и если всё это сверстать и задать правильные отступы, то при наложении хотя бы один разделитель не попадает точь-в-точь туда же, где он на картинке. Или какая-нибудь иконка по логике дизайна находится по центру, а в дизайне съехала на несколько пикселей. И таких моментов много, просто это самые частые из того, что бывает.

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

    Или вот есть резиновый сайт, да. Надо просто объяснить заказчику, что пропорции играют важную роль. Что отступы именно в процентах, "потому что ...". А отступы в процентах уже означают то, что на переходных разрешениях соответствия макету не будет. Просто нужно общаться с заказчиком. Объяснять причины своих действий. И всё.
    Ответ написан
  • Как реализовать смещение блока отрицательным margin?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Делайте отрицательный margin-top у блока, который имеет голубой фон.
    Кроме того, сделайте position: relative для обоих блоков, и поставьте на первом z-index больше, чем на втором (чтобы они перекрывались правильно).

    Пример: https://jsfiddle.net/dktzssxL/
    Ответ написан
  • Как сделать нечто похожее на clear:both но только снизу?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Я думаю, нужно использовать какие-то другие css-свойства.
    А если серьёзно, то вообще ничего невозможно понять по имеющемуся описанию, сделайте фиддл, пожалуйста.
    Ответ написан
  • Верстка веб страниц, вопрос внутри, подскажете ?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Вам не нужна совместимость со всеми браузерами. Netscape уж точно не нужен :-P

    Мне очень помогло ежедневное чтение статей по заданной теме с хабра и прочих ресурсов такого типа. И гугл. Просто море гугла. Не знаешь как что-то сделать — гугл. Знаешь, но считаешь, что не оптимально — гугл. Сделал, но работает не везде — гугл. Главное правильно подбирать запросы, ответы не всегда лежат на поверхности, но они почти всегда есть.

    Сразу нужно узнать про такую вещь как css-reset, дабы нивелировать различия браузеров. Очень помогает. Кроме того, я бы прочитал все статьи с html-book.ru, а также про все теги и CSS-свойства (по возможности), ставя в приоритет наиболее популярные.

    Можно заморочиться с методологией названий стилей, по типу БЭМ или MCSS, чтобы избежать проблем и путаницы (а они будут) в своих стилях.

    И самое главное — нужно просто постоянно верстать. Можно проходить какие-нибудь уроки или ставить себе самому задачи. Если повезёт, можно просто попасть в неплохую фирму и развиваться там. В идеале в фирме должен быть наставник, который поможет-подскажет.

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

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

Лучшие вопросы пользователя

Все вопросы (2)