Контакты

Достижения

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

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

Все теги (28)

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

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

    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/
    Ответ написан
    2 комментария
  • Не корректно работает overflow: hidden при border-radius в сафари?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Я на круговых элементах использую вдобавок к overflow: hidden маску изображения с круговым градиентом, замечательно работает:
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    Ответ написан
    1 комментарий
  • Как сделать auto width для поля input?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Вот вам быстренько решение на jQuery (он и так на большинстве сайтов используется). На нативный js, в общем-то, очень легко переделать, если нужно.
    Через css можно задать минимальную, максимальную и начальную ширину у input.
    Учтено, что может быть разный размер шрифта и расстояние между буквами.
    Ответ написан
    3 комментария

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

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