Jump to content

Igor Schnaider

Expert
  • Posts

    825
  • Joined

  • Days Won

    81

Everything posted by Igor Schnaider

  1. Igor Schnaider

    БЭМ

    Ничего, по сути, это одно и то же будет. Но с правилами наименования по БЭМу сразу видишь, что к чему относится. Это удобно. А в чем проблема здесь? БЭМ не запрещает вкладывать один блок в другой (в самом DOM имеется ввиду). Они по-прежнему останутся самостоятельными сущностями, просто один блок будет находиться в каком-то элементе другого блока.
  2. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function(val) { $('.count_text').text(val);}});
  3. Можно в контейнер положить и обрезать. Или через background на блоке нужных размеров.
  4. :-) У них же нет промежуточных состояний. Либо left, либо right. Поэтому переход не может здесь быть.
  5. Igor Schnaider

    Табы

    Так это функциональное выражение. Конкретно этот пример смысла не имеет. Обычно такие функции, которые сразу вызываются, создают для того, чтобы создать область видимости для переменных. (function(item) { /* ... */ })();
  6. Да сразу 5 булок хлеба за макет, без рублей :-) Вероятно, качество не важно. Или просто дурачки какие-то.
  7. Так а собственно в чем проблема? Не беритесь за работу, если не хотите, вот и все :-) Я к тому, что никто же не принуждает никого работать задешево. А если есть желающие, ну это их дело.
  8. Можно еще рамку убрать или просто сбросить ее со стилей по умолчанию (border: 1px solid; border: none; как-нибудь). Погуглил, оказалось в старых версиях Chrome тоже кое-где не работает (я в 25 версии смотрел). Советуют еще способ: -webkit-appearance: textfield; p.s. Ради интереса скачал Chrome 25. background не помог, как и -webkit-appearance: Правда это все фигня, он три года назад был выпущен :-)
  9. Мне кажется, это самое простое и надежное решение будет :-)
  10. Через ширину можно так сделать.
  11. У меня вот так получилось. Не уверен, правда, что это хорошее решение.
  12. http://codepen.io/anon/pen/YwdzLm p.s. оно в общем-то у вас и так тянется.
  13. Ну вот потому что этот stacking context сместился с родителя (в данном случае html) на этот стол. Теперь позиционирование по z-оси будет начинаться от него.
  14. Логика в том, что есть такое понятие, как контекст наложения (stacking context). Можно сравнить со столом и предметами на нем. Стол - это ваш родитель. Предметы - псевдоэлементы. На какой бы этаж вы не подняли стол (z-index: 2 в вашем случае), предметы все равно будут сверху, потому что стол для них - это база. Потому что position, отличное от static, вместе с z-index, отличным от auto, создают новый stacking context. Изначально он был на их общем родителе. Ну и еще есть несколько правил, которые создают его. Например, filter. Тут можете посмотреть.
  15. Да, можно, но когда закрытый тег, удобнее читать же.
  16. По-моему, сокращаются не пустые элементы, а только те, которые не содержат в себе какой-то контент. То есть, вместо <img ...></img> можно писать <img />, а вот вместо <p>...</p> просто <p/> нельзя. То же самое и со script. Да, тут я не прав. upd. Не загружается, потому что браузер сам вставляет закрывающий тег </script>, но он не знает, где конец, поэтому получается так: <script></head><body> <!-- body --> </body></html></script>
  17. А чего white-space: nowrap не убрать?
  18. В смысле не работают?
  19. Выравнивает. http://codepen.io/anon/pen/XXxOxz Кстати, я ошибся, тут все-таки нужен и justify-content. Здесь создается анонимный флекс элемент, но он flex-level box, а не block-level box, поэтому text-align не сработает, если он не на всю ширину. В общем, тут нужно оба правила прописывать.
  20. Дело не в z-index. Он у вас просто прозрачный.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy