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

    Hando
    @Hando
    Верстак
    Верстка писем - это отдельное направление в верстке, если вы не знаете как реализовать бэкргаунд в письме, то я думаю, что возможно вы не знаете большое количество подводных камней связанных с версткой писем. Что можно использовать, а что нет. Я рекомендую вам использовать какое то готовое решение и уже его изменять под свои нужды. Например на гитхабе лежит заготовка для рассылки, которая будет корректно отображаться в большинстве почтовых клиентов - https://github.com/nikbelikov/20th-century . Плюс много справочного материала по рассылкам.
    Ответ написан
    Комментировать
  • Как сделать нечто похожее на clear:both но только снизу?

    Hando
    @Hando
    Верстак
    Сделайте обертку для фотографии
    Ответ написан
    Комментировать
  • CSS гуру, вопрос на специфичность селекторов?

    Hando
    @Hando
    Верстак
    cssfollow.ru/prioritetnost-pravil-v-css-spetsifichnost потому что гладиолус
    Ответ написан
    Комментировать
  • Как лучше подключать css?

    Hando
    @Hando
    Верстак
    Когда вы разрабатываете, вам логичнее разбить стили по удобной вам методологии, чтобы небыло огромных портянок из стилей. Потом таск менеджер, например gulp, во время сборки проекта в продакшен, автоматически сжимает и объединяет все в 1 файл. По поводу футера, лично мне эта идея не особо нравится. Стили это не то, на мой взгляд, что должно грузится из футера. Но это на усмотрение. Но уж точно 10 разных файлов css в продакшене это дурной тон.
    Ответ написан
    Комментировать
  • Стили flex-box для корректного отображения в explorer?

    Hando
    @Hando
    Верстак
    2017 год - забудьте про explorer, темные времена прошли. Чем раньше динозавры поймут, что никто не собирается адаптировать сайты под их ископаемые браузеры, тем лучше будет всем.
    Ответ написан
    2 комментария
  • Как сделать информеры сбоку в html?

    Hando
    @Hando
    Верстак
    Если вы хотите, чтобы информеры все время были сбоку, даже при скроллинге, то ставте position:fixed, если нет, то как уже сказали выше position:absolute, только не забудьте указать также position для родителя.
    Ответ написан
    Комментировать
  • Как оптимизировать код js?

    Hando
    @Hando
    Верстак
    Можно минимизировать код в продакшене.

    А зачем вы два раза квери подключаете? :)
    js.js и css.css - не лучшее название для файлов.
    Зачем вам класс .img? Имхо, он здесь лишний.

    По поводу самого кода ничего сказать не могу. Не специалист по js/

    Эффект параллакса прикольный :)
    Ответ написан
    Комментировать
  • Стоит ли браться за bootstrap, если:?

    Hando
    @Hando
    Верстак
    А что там учить? Это просто набор инструментов. Нужна карусель прицепил карусель, нужны табы, прикрутил табы. Я сомневаюсь, что вы каждый раз для этого пишете сами свои решения. Все равно либо используете уже выбранные ранее, для других проектов плагины, либо ищете новые, подходящие. Тоже самое касается и адаптива. Ничего нового, если вы знаете html вы там не найдете. Это просто набор плагинов и стилей.
    Ответ написан
    Комментировать
  • Как расположить элемент с помощью стилей не изменяя html структуры?

    Hando
    @Hando
    Верстак
    Дайте ссылку на страницу. Сейчас очень непонятно, не хочется въезжать во все это дело в таком виде. В качестве гипотезы: попробуйте цену сделать блоком и позиционировать за счет float.
    Ответ написан
  • Как сделать такой логотип?

    Hando
    @Hando
    Верстак
    А если перевести в svg? Есть же конвертеры даже онлайн, которые из png сделают svg. А в svg, в текстовом редакторе, менять цвета по надобности.
    Ответ написан
    Комментировать
  • Правильно ли везде использовать clearfix?

    Hando
    @Hando
    Верстак
    Тоже предпочитаю overflow:hidden с height:auto
    Ответ написан
    Комментировать
  • Как сделать цвет текста в input отличный от placeholdera?

    Hando
    @Hando Автор вопроса
    Верстак
    Я так и делал изначально, но у меня почему то изначально при загрузке placeholder = цвету текста. Потом при фокусе на поле, цвет placeholdera становится таким как его указали, ну а текст опять же того цвета который ему был указан и какого цвета изначально placeholder. Возможно тому виной то, что у меня стоит бутстрап.
    Ответ написан
  • Что можно писать на блокноте верстальщику?

    Hando
    @Hando
    Верстак
    Верстальщику не нужен, ни блокнот, ни калькулятор. Калькулятор как и блокнот есть в самом PC, может еще счеты и бубен рядом положить для солидности? :) Выполнять арифметические действия можно даже в консоли. К примеру $ echo ((10+(270/30))) А идеи... Я не знаю, какие могут быть идеи по верстке. Верстай да верстай. Фрон-енд возможно и требует записей, но верстка это минимум умственных усилий и максимум рутинных однообразных задач :) Я сам верстальщик, так что знаю о чем говорю :)
    Ответ написан
    Комментировать
  • Как лучше писать сайт?

    Hando
    @Hando
    Верстак
    Используйте bootstrap. Это фреймворк, который избавит вас от проблем адаптивной верстки
    Ответ написан
    Комментировать
  • Как оптимизировать верстку?

    Hando
    @Hando
    Верстак
    Говнокод это писать стили в теги, давать дурацкие и не информативные названия классам, избыточность кода.
    Оптимизация кода - это кроссбраузерность + отформатированность кода.
    Ответ написан
    Комментировать
  • Веббилдеры Adobe Muse и прочая нечисть мира сего. Ваше отношение и прогнозы?

    Hando
    @Hando
    Верстак
    Теоретически, я думаю порог вхождения, естественно будет снижаться. Это был бы оптимальный вариант, если бы можно было бы обходиться без фронт-энда вообще. И я уверен, что это конечно когда-нибудь произойдет, предположительно после открытия искусственного интеллекта ;)

    UPD
    Столкнулся с Muse. Никогда он ничего не заметит. Код который он генерирует, один из ужаснейших какие я вообще видел в своей жизни. Поддерживать что то в дальнейшем без него же - а мне пришлось это испытать на себя, ужасно противно. Да что там, это просто геморрой, меня не покидают мысли переписать все с чистого листа самому. Одно то, что состояние простейших кнопок в нем реализовано сменой картинок - причем будет у вас 10 одинаковых кнопок с 2 фазами - значит он вам сделает 20 картинок. Это просто ад. Тоже самое с формами. Например у вас лендинг и на каждом блоке кнопка - обратный звонок с одним и тем же функционалом - он сделает для каждой отдельный php скрипт. Я уже молчу про то, какой css он генерирует. Вообщем это редкая форма извращения подходит только для прототипирования проектов и уж конечно речь идет исключительно о лэндингах и сайтах визитках, больше его использовать нигде не то что не стоит, а это равносильно выстрелу из дробовика в ногу.
    Ответ написан
    Комментировать
  • Скорость компиляции Compass (Sass)

    Hando
    @Hando
    Верстак
    По моему, это зависит от того, какое количество файлов вы компилируете.
    Ответ написан
    Комментировать
  • С чего начать изучение SCSS/SASS?

    Hando
    @Hando
    Верстак
    Лучше всего конечно официальная документация, если вы знаете английский. Если нет, придется собирать информацию по крупицам и самому ее систематизировать.
    Помимо Sass, еще необходимо изучить и Compass. Немного статей, по которым учился я: Первая, Вторая(на этом сайте много статей, поищите как следует), третья.
    Ответ написан