kidrock

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

Что касается .g-main-content этот блок свёрстан на тэге <main> который IE не знает. Загляните в справочник на этом сайте. .b-slider-controls { float: right; width: 260px;}

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

тогда уж вот так: @mixin arial ($font-size, $line-height, $letter-spacing, $color) { font: $font-size + px + "/" + $line-height + px "Arial", sans-serif; color: $color; letter-spacing: $letter-spacing + px;}$color-skyblue: #00aeef;.main { @include arial(15,20,1, $color-skyblue); }

Включения это %something? Можно и так и так. Есть разница особая в этом случае? %OpenSansRegular { font: 15px "OpenSansRegular"; color: #ccc; line-height: 1.5em; letter-spacing: 1px;}Хотя, можно и так, даже лучше, чёт я раньше об этом не задумывался ))) Но мне простительно, я не волшебник, только учусь. @mixin OpenSansRegular($size) {font: $size "OpenSansRegular", sans-serif;color: #ccc;line-height: 1.5em;letter-spacing: 1px;}.main { @include OpenSansRegular(15px); max-width: 1600px; margin: 0 auto; overflow: hidden; }

Зависит от того, что перед этим принимали. Например, выпив пару пива, я называю цвета жизнеутверждающими лозунгами, типа: deep_purple, blue_cosmos, orange_heaven и т.д., на светлую голову с утра, после чашечки кофе, несколько иначе. Шутка, конечно, но с долей правды. Всё индивидуально, если не оговорено конкретно. Например в больших проектах в команде на этот счёт могут быть определённые установки, в самостоятельных проектах вы сам себе начальник - пишете как нравится. Лишь бы это можно было нормально понять человеку, который будет после вас в этом коде ковыряться. Именно. В любом случае действует правило - не уверен, не косячь. Лично я называю так-же, как и шрифт, чаще всего.

Ну так ситуация какая ведь? Речь идёт о редактировании css свойств стороннего плагина, в такой узкой специализации этот инструмент показал себя очень хорошо. Совершенно не нужно копаться в тоннах незнакомого вам css. Хотя тут тоже есть свои подводные камни, но освоив эту технику, получается очень быстро и без головной боли. А свои стили я тоже пишу на sass, например.

Выронить, или выровнять? ))

Вставлю своё нубское мнение, если оно кому нибудь вообще интерсно :Р Организовывать цвета в любом случае нужно так, как удобно вам, но что касается функций типа darken они, имхо, подходят только тогда, когда конкретное значение цвета неизвестно, а вам нужно всего навсего заховерить объект, например. ТО есть все известные явно цвета нужно выносить в переменные. Можно ли объединить - это интересный вопрос, во всяком случае можно попробовать, но в том случае если вы уверены, что ваш монитор хорошо откалиброван и все эти цвета действительно на глаз практически не различимы. Шрифты, имхо, прописывать наиболее часто встречающиеся значения, остальные значения по факту дописывать.

Спасибо, так и делаю. Подозреваю, что сложного действительно ничего нет, просто всё дело в моей неопытности. Но вот высота почему-то у меня вылазит каждый раз там где не нужно... Уже не знаю куда ещё её можно приписать или каким другим магическим способом. ))) апдейт: Итак, подводя итог моих мучений: В чём конкретно возникают затруднения? - ответ, стили сгенерированны с помощью препроцессора, скорее всего, что приводит к затруднению локализации конкретных массивов классов в нативном css-файле. Так, например, настроив отображение в Dev Tools сложно найти применение этим настройкам в реальном коде, есть разница в отображении массивов классов. Но я нашел этому решение. Возможно для гуру ничего нового не скажу, но остальным будет полезно, наверное. Итак, связка SublimeText3 с установленным паком LiveStyle + Google Chrome с установленным расширением LiveStyle Emmet. Что даёт нам такой инструмент? А то, что настройки подобранные в браузере автоматически правятся в Sublime! То есть, ничего нигде искать не нужно, просто настроил отображение прямо в браузере, сохранил файл в редакторе и спишь спокойно. Кстати говоря, связь работает и в обратном направлении, правки в Sublime автоматически отображаются в браузере в реальном времени, хотя этим никого уж точно не удивишь. Если кого заинтересовало, в Ютубе есть демонстрация технологии.

ага, со многим разобрался, проблема только с высотой блока осталась

Что-то как-то всё сложнее оказалось, чем я думал )) При каждом событии генерируются разные классы, отслеживать что, где и куда, как-то вообще сложно. Такое вообще подлежит стилизации? Может кто-нибудь на этом конкретном примере рассказать, как изменить высоту, положение относительно родительского блока и т.д. Что-то у меня с этим проблемы возникли... В общем я понял, что нужно мануалы курить... Но если кто-нить чё-нить дельное подскажет буду признателен.

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

Приветствую. Подскажите, гуру веб разработки, как правильно стилизовать/оформлять плагины JQuery? Например скачал я этот селект: https://select2.github.io/ Подключил, отображается в точности как в exemple. Но мне нужно стилизовать его под дизайн моего сайта. Как это правильно сделать? Писать свои стили отдельным файлом, или редактировать прилагаемый css файл, или нужно использовать прописанные в прилагаемом css специальные классы?

А вообще, поделитесь базами различных plugin-ов. Как подбираете в различных случаях?

Как я понимаю на фрилансе нарабатывается база заказчиков, зарабатывается авторитет со временем, этим и живут. Кому нужно вовремя и качественно предпочтут заплатить больше, но проверенному исполнителю. В общем и на фрилансе можно зарабатывать. Но не сразу. В прочем, как и везде.

походу домработу выполняют студенты, или в сети где-то в уроках нечто есть padding:13px; padding-left:13px; padding-right:13px;а это вообще очень грустно...

С вас пиво А картинку советую мою попробовать. И шрифты сделать крупнее, читать мелкий текст неприятно. В общем, дело, конечно, хозяйское. Но есть ещё что допиливать.

line-height: x; - где х = высота кнопки

У вас: .img-container { min-width: 940px; margin: 0 auto; position: relative; } А должно быть: .img-container { max-width: 940px; margin: 0 auto; position: relative; } Смотрите внимательно в чём разница.

Так, а что конкретно вы от напарника хотите? ) Сверстать можете, правки на сервере делаете. Зачем вам кузнец? Или я чего-то недопонимаю. )) Опыта мало, хочу поучаствовать, но боюсь не справиться. Так как с "натяжкой" придётся гуглить. А опыт в реальном проекте хочется получить.

Здесь я один раз уже написал: http://htmlforum.ru/index.php?showtopic=52840&p=353840 Вот обрезанная картинка: http://piccy.info/view3/8193568/0e07e513a7ead252af8078e87f478148/orig/

У вас основная ширина контента 940рх, а блок с картинкой 1250рх. Нужно сделать картинку 940рх и прописать ширину 940рх, при этом фоновый градиент возможно придётся также подгонять.

было бы можно указать картинке: <img src="wp-content/uploads/2015/02/header-top41.jpg" width="100%" height="597"> но сама картинка при этом должна быть всё равно подогнана под макет. Короче говоря, доведите изображение до правильной кондиции и всё будет нормально. Это делается за 2 минуты.

.img-container { min-width: 1250px; max-width: 940px; margin: 0 auto; position: relative; } .telephone-container { position: absolute; top: подобрать значение right: подобрать значение } стили шрифта: размер, цвет, семейство, тени и т.д. нужно дописывать, естественно в HTML докуменете: <img src="wp-content/uploads/2015/02/header-top41.jpg" width="940" height="594"> и вообще, по хорошему, картинку нужно резать/сжимать до указанного размера в фотошопе, иначе у вас происходит никому ненужное масштабирование картинки при уменьшении окна браузера, да и нет никакого смысла делать картинку шире основной ширины сайта