Ребят, всем привет. Укажите верный путь. Верстаю сайт/каталог, очень много времени уходит на правку стилей, каждый раз приходится искать строки в цсс, да еще файлов стилей несколько, с дублями стилей. Может быть знаете, как в стилях порядок можно быстро навести? И второй вопрос, как можно оптимизировать работу со стилями, чтобы можно было не бегать по классам каждый раз через Ctrl+G, а как-то попроще, может вживую править их. Работаю по SFTP.

дебагер показывает что где, пиши комментарии в духе /*footer*/ /*header*/ и дальше соотв. стили, и там внутри тоже разделяй в духе сайдбар/меню. етц. и желательно сбросы, гриды, всякую чушь вначале и основные стили в 1 файле например main.css а свои что пишешь в процессе разработки - style.css

да, укажи ей maxlenght 100% относительно родительского блока

Ребят, всем привет. Укажите верный путь. Верстаю сайт/каталог, очень много времени уходит на правку стилей, каждый раз приходится искать строки в цсс, да еще файлов стилей несколько, с дублями стилей. Может быть знаете, как в стилях порядок можно быстро навести? И второй вопрос, как можно оптимизировать работу со стилями, чтобы можно было не бегать по классам каждый раз через Ctrl+G, а как-то попроще, может вживую править их. Работаю по SFTP.

вживую, есть через фаербаг плагин. css-x чтоли...

Все уже сильно запущено, файлы стилей по 5000 строк, нужен какой-то способ соединить все в один файл и удалить дубли. Плагин посмотрю, спасибо

Ну.. Насчет дублей не скажу, но неиспользуемый код можно с помощью инструментов хрома canary почистить.

Все уже сильно запущено, файлы стилей по 5000 строк, нужен какой-то способ соединить все в один файл и удалить дубли. Плагин посмотрю, спасибо

знаком с webpack?

знаком с webpack?

нет, что дает?

читаю, спасибо за наводку

сможешь настроить именно так как тебе нужно. и минификация будет и всё в один файл и дубли удалятся в итоге всё чисто, красиво и быстро работает :)

читай настройку сразу по webpack 2 а-то у многих плагинов всё еще описание по первому

для меня сложновато пока, это можно использовать с cms битрикс?

не пробовал на битриксе. но по идее там нечему конфликтовать

о, спасибо за chrome canary, похоже что-то нужное, будем тестить!)

дело не в конфликтах, а как разгрести помойку и сэкономить время, которое отнимает редактирование css в разных местах большого файла

тогда только в путь. файл можешь разбить на логические части и подключать в основной файл

однотипные действия - поправил стиль в дебаггере, запомнил строку, пошел в цсс, нашел строку, поправил стиль, сохранил, обновил страницу, порадовался и заново)

о, спасибо за chrome canary, похоже что-то нужное, будем тестить!)

разве для этого нужен именно канари?

да нет, там вроде как есть функция live editor css

ну смотри сам. если часто нужно будет заниматься этим, то лучше поставить webpack, а если разовая чистка и не так много строк, то да, можешь и там отредактировать :)

? спасибо

Hi...no English here?

Hi...no English here?

Not so much. But you can ask your question

народ подскажите, интеграция платежных систем вм киви яд, это задача верстальщика или бэкенд????

Всем привет! У меня на проекте очень много случаев, когда нужно перебивать стили. Но мне сказали, что использовать !important это плохо. Почему это плохо? И как переопределять стили без !important и без айдишников?

народ подскажите, интеграция платежных систем вм киви яд, это задача верстальщика или бэкенд????

Бек, верстальщика тут не трогать

иногда никак

Всем привет! У меня на проекте очень много случаев, когда нужно перебивать стили. Но мне сказали, что использовать !important это плохо. Почему это плохо? И как переопределять стили без !important и без айдишников?

Использовать приоритеты. !important выбивает из стека приоритетов и контролировать становится очень сложно

Бек, верстальщика тут не трогать

верстальщику необходимо только сверстать по макету тогда а остальное уже бек?

Использовать приоритеты. !important выбивает из стека приоритетов и контролировать становится очень сложно

и плюс нагрузка на проц

Всем привет! У меня на проекте очень много случаев, когда нужно перебивать стили. Но мне сказали, что использовать !important это плохо. Почему это плохо? И как переопределять стили без !important и без айдишников?

много вариантов, импортант, ниже по коду, более "четкие" правила...вдухе от самого хтмл(ага и такое видел) но этот вариант идиотизм да

верстальщику необходимо только сверстать по макету тогда а остальное уже бек?

Конечно

Конечно

спасибо

Всем привет! У меня на проекте очень много случаев, когда нужно перебивать стили. Но мне сказали, что использовать !important это плохо. Почему это плохо? И как переопределять стили без !important и без айдишников?

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

ERROR: S client not available

не рекомендуется таким увлекаться из-за сложной поддержки потом. например хотят что-то быстро подправить, но не замечают эти important, они же липкие :)

Всем привет! У меня на проекте очень много случаев, когда нужно перебивать стили. Но мне сказали, что использовать !important это плохо. Почему это плохо? И как переопределять стили без !important и без айдишников?

вобщем по максимому избегать !important

Еще частенько от фреймворка зависит, есть рили неудачные фреймы, на которых потом надо плясать с !important, примеры не приведу, не помню

Всем привет! У меня на проекте очень много случаев, когда нужно перебивать стили. Но мне сказали, что использовать !important это плохо. Почему это плохо? И как переопределять стили без !important и без айдишников?

познакомиться с БЭМ, OOCSS

айдишник вопще ненужны ты чо

+

в худшем случае для джиквери и прочей фигни

ито не желательно тоже

а верстальщикам классы

вопще про айди забудь

айдишник вопще ненужны ты чо

ну id можно юзать для перехода по якорю

может вы еще пишите #id-wrapper

Подписка на #id-wrapper

а, ну это да.

Всем привет! У меня на проекте очень много случаев, когда нужно перебивать стили. Но мне сказали, что использовать !important это плохо. Почему это плохо? И как переопределять стили без !important и без айдишников?

пиши по бэму