Вкладки на CSS

[АннаЕ-гж]

ооо, да ты волшебник! хочется залезть к тебе в голову и всему научиться)

[MultiJeeep]

Артём, ОГРОМНОЕ спасибо за всю проделанную тобой работу.
Это лучший контент для вхождения в профессию!

[artsorax]

Спасибо. Косяк с opacity решил секунд за 10 при помощи z-index. Обновил ссылку в описании

[driversti]

Красавчик! А я два дня мучался как сделать эти долбанные вкладки. Лайк и подписка!

[artsorax]

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

[ВладимирТайдонов-ял]

Блин, включил это видео, будучи уверенным что ничего нового не увижу. Досмотрев понял, что не знаю css!

[Faineant]

Если использовать данный метод на сайте, например, в сайдбаре, то обнаружится, что он неполноценен как раз-таки без скрипта. Когда ты трем дивам задаешь position:absolute, то высота родителя этих дивов становится равной нулю (для проверки можно добавить к родителю границу), в результате чего элементы разметки, следующие за табами, прилипают к области около label из-за нулевой высоты .tabs. Проблему можно обойти (потеряв всю анимацию), если для трех дивов убрать абсолютное позиционирование, добавить левый флоат и дать display:none. При нажатом чекбоксе соответсвующий div должен получать display:block. Для .tabs нужно будет задать float:left, position:relative или position:relative, overflow:hidden. Если же использовать  табы с анимацией как единственный или самый последний элемент на сайте, тогда все получается хорошо.

[Артем-кюю]

Страшный сон эпилептика :)
Урок отличный.

[dementorpasha]

Потому что JS должен применяться для оформление чем меньше тем лучше. Но JS мне кажется становится больше потому что все больше разработчиков используют AJAX и другие штуки которые помогают повысить юзабилити в проектах. И не стоит забывать о элементе CANVAS который реализован еще не полностью но, который я надеюсь вытеснит FLASH.

[АлексейМихайлов-тыц]

Объявление display:block в стилевом правиле для селектора .tabbed > label же не нужно, вроде, потому что свободно перемещаемые элементы становятся блочными автоматически...

[DIEZ]

Я только начал вкатываться во все это, но уже хочу сказать, пздц ты красавчик!

[artsorax]

через js естественно будет проще, цель этого урока изучить немного глубже css

[survexbv]

Нужна помощ.
У меня в .tabs div лежит видео, когда нажимаю воспроевести, и потом нажимаю на другую вкладку она попрежнему идёт, как зделать чтоб при нажатии другой вкладки она умерла мортально ?? помогите ктота плзз

[zadable]

Можно я напишу что-то с похожим дизайном, в том же стиле, но с использованием jQuery и javascript для таких эффектов как возможность перетаскивать вкладки, и выложу видео?

[zadable]

Я создаю сайт с самоучителями по html css/css3 javascript jQueru php. Так вот скажите мне можно использовать подобный дизайн вкладок, только без анимации? .Я имею ввиду, что при выборе вкладки она становиться цветная, а остальные вкладки - нет. И вкладки будут работать на javascript Заранее спасибо

[ВитюганЗлюка]

ещё бы в .tabs > div (где media print) подписать правило transition: all 0s;, чтобы когда сужал экран div'ы бы не выходили из суженный трансформации в нормальную, а сразу были бы, как им полагается.

[shorohovvs]

любой контент после блока .tabbed его не видит и налазит на него сверху.
решение: нужно блокам (#tab-nav-1:checked ~ .tabs >
div:nth-of-type(1)) и др. по списку добавить относительное позиционирование (position:
relative;)

[subzerodemonn]

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

[Бойправ-жы]

Спасибо. Но без давы не обошлось. Библиотеку джава вы добавили. 6:12

[СергейТитов-ки]

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