Daily Archives: 20.01.2013

Документация по Grunt

https://github.com/gruntjs/grunt/wiki — wiki проекта.

Особенности отрисовки z-index

Вот тут подробно объясняются нетривиальные вещи — http://philipwalton.com/articles/what-no-one-told-you-about-z-index/ ( What No One Told You About Z-Index — Philip Walton) Самое интересное — заданием opacity=.99 можно фактически сбросить z-index у всех вложенных элементов. И еще один интересней факт, которого в статье нет: вложенный элемент не может иметь z-index больше родительского. UP: вот на русском — http://habrahabr.ru/post/166435/

CSS3 для реализации табов, аккордеона и тогглера без javascript

Табы JS Bin Методика — скрытые инпуты и следующий css:

.tab-switcher input[type=radio]:checked ~ .tab-content {
  z-index: 10;
  opacity: 1;
  background: #888;
  color: white;
}

.tab-switcher input[type=radio]:checked ~ label {
  background: #888;
  color: white;
}

.tab-switcher input[type=radio]:checked ~ .tab-content {

z-index: 10;

opacity: 1;

background: #888;

color: white;

}

.tab-switcher input[type=radio]:checked ~ label {

background: #888;

color: white;

}

~ позволяет обращаться к элементам-«братьям».