Catherine

Про БЭМ уже тут написали. Существует множество подходов к именованию. Зачем утруждаться? Ну, например, удобно при копировании. Один раз якобы перетрудился, но... Двойной клик по имени, содержащему символы подчеркивания выделяет всё имя (мелочь, а приятно), в то время, как "-" является разделителем, и для выделения полного имени надо больше действий. +1

В зависимости от ситуации. Использую в таких случаях table-cell, inline-block, float'ы. Использовать CSS3 Flexible Box'ы в рабочих проектах пока не решаюсь из-за слабой поддержки браузерами.

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

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

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

Люди используют глобальный ресет не потому, что это правильно, а потому что не парятся Пока сам не попадешь в такую ситуацию, где понимаешь, что лучше было сразу переопределить значения, вместо предварительного глобального обнуления, доказывать что-то бесполезно. Просто стоит задуматься над тем, действительно ли в данном случае целесообразен какой-то глобальный ресет. К примеру, http://caniuse.com/ http://vk.com http://kremlin.ru/ не используют сброс Мейера (вот же лошары).

и откуда такая статистика? В моем случае ситуация с точностью до наоборот. Так что я не была бы столь категорична.

а затем, что списки - это списки, и по умолчанию неплохо бы было, чтобы они были похожи сами на себя.

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

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

конкретно в данном случае использование ресета не оправдано независимо от того, насколько хороша сама идея их использования/неиспользования. Совершенно нелогично добавлять фактически ненужные 50 строк кода, особенно, когда основной код от силы составляет строк 150, а то и меньше. Избыточность кода, лишние строки - это уже имеет отрицательное влияние, как минимум на скорость загрузки и читабельность кода, а также может повлиять и на оценку работы в этом конкурсе.

IE8 и ниже не понимают color: transparent, остальные браузеры поддерживают нормально. И, насколько я понимаю, поддержка ключевого слова transparent (в связке со свойством color) связана с поддержкой rgba, по-крайней мере на developer.mozilla.org техническая реализация этого ключевого слова описана именно так (ссылка):

3-й параметр - размытие, 4-й - spread distance (область распространиения, грубо говоря растяжение), и с outline я бы сравнивать его поведение не стала http://www.w3.org/TR...und/#ltshadowgt

Не понимаю, откуда взялся весь сыр-бор. Конкурс - это возможность проявить себя, проверить свои силы. У каждого конкурса есть определенные правила. Тем, кто не успел, или хотел, но не видел - просто не повезло. Тут всё по-честному. К организации лично у меня никаких претензий нет. Уверена, будут и другие конкурсы, ничем не хуже. Это же не конец света, в самом-то деле. Не опускайте руки и следите за новостями! Loba_ru, на этом форуме критики не нужны. Сюда обращаются за помощью и советом новички и специалисты разного уровня, обмениваются опытом и просто общаются. Чего и вам желаю. По поводу голосования. Откровенно говоря, не ожидала такого количества и качества работ. Ребята, вы все молодцы, независимо от того, кто займет призовое место. Мне тоже было довольно трудно определиться с выбором лучшей работы. Всем участникам желаю удачи. И пусть победит достойнейший

Сегодня прошла очередная встреча у таверны "Хромой Web" в славном городе Киеве. Спасибо всем за теплую и дружественную атмосферу! На этот раз мы решили исправиться и всё-таки умудрились сделать несколько памятных кадров. Надеюсь, Svatov на днях нам их покажет. А пока для затравки: На втором фото - встреча 11.10.2013. К сожалению, качество съемки не радует, но чем богаты.

По первому вопросу: outline вместо border или background-clip: padding-box; использовать - не вариант?

Ctrl + C, Vtrl + V, потом кнопка Save в jsfiddle и сюда выкладываете сгенерированную ссылку. Регистрация для этого не требуется. SelenIT правильно подсказывает, надо убрать подчеркивание у ссылок http://jsfiddle.net/tx4a7/3/ Можно, конечно, убрать между элементами внутри ссылок все пробелы http://jsfiddle.net/tx4a7/2/ Но уследить за отсутствием пробелов между элементами бывает немного затруднительно.

Если не требуется поддержка ИЕ7, то блоки .spoiler и .about-film я бы верстала, используя display: table-cell Это более гибкое решение, чем выравнивание блоков через задание фиксированной высоты.

У меня вопрос по скриптам: $(".bxSlider li a").fancybox(); $(".bxSlider li a").fancybox({ 'hideOnContentClick': true }); $(".role ul li a").fancybox(); $(".role ul li a").fancybox({ 'hideOnContentClick': true }); $(".role ul li a").fancybox({ 'transitionIn' : 'fade', 'transitionOut' : 'fade', 'speedIn' : 300, 'speedOut' : 100, 'overlayShow' : false, 'changeSpeed' : 0 }); так и надо, или забыли объединить?

Уберите, пожалуйста, "простыню" с кодом из поста и выложите код на http://jsfiddle.net/ Одного css недостаточно. Пусть друг сделает скриншот. И неплохо бы знать, в каком браузере проблема.

Можно разбить на колонки, либо использовать плагин http://masonry.desandro.com/

Для эмуляции псевдоэлементов в ИЕ6-7 раньше использовали expression'ы. Статья по теме.

Если надо так, как в примере, то выравнивание реализовано за счет паддингов, как-то так. То-есть, для увеличения высоты блока необходимо увеличить padding'и у #menu a Если надо просто вертикальное выравнивание, то основные способы вам уже подсказали. display: table-cell + vertical-align (пример) line-height (пример) position: absolute (пример)

Картинки, флеш, реклама. Не верите - зайдите в средства разработчика в Хроме, откройте вкладку "Network" и перегрузите страницу. Отсортируйте результаты по времени загрузки и посмотрите сами.

Все равно не правильно видно же, посмотри как в верху по скрину Вопрос был в том, чтобы при наведении разделитель отображался, верно? Вот вариант как на скрине, но научитесь думать и хоть что-то доделывать сами, или создавайте тему в разделе "Сделайте мне бесплатно".