redvi

https://jsfiddle.net/redvi/0bkhrnr6/4/ Вместо focus добавляем класс, который определяет внешний вид блока после клика. Немного скриптов: находим элемент с классом ".article_none" (если таких элементов много, то см. document.querySelectorAll). Указываем по клику использовать подготовленный ранее класс: из-за каскада стили будут переопределены. Опять же если элементов много, смотрим документацию по forEach, который позволит сделать обход элементов и применить изменения к каждому из них.

Как в них ведут себя адаптивные изображения или таблицы? Например такая картинка будет подстраиваться под ширину блока или нет? img { display: block; margin: 0 auto; max-width: 100%;}Доводилось слышать мнение, что пока flex следует использовать точечно, не делая на нём всё подряд.

Если у вас много свободного времени для экспериментов, можно попробовать через :after + transform: rotate http://jsfiddle.net/4ww1g0c8/1/ Хотя это проще картинкой вставить.

Спасибо!

В примере http://demo.fabthemes.com/nautilus/ блоки статей расположены весьма необычно. Их размеры указаны посредством position: absolute. Хотелось поинтересоваться: каждый блок верстается отдельно, со своим расположением? А если это новостной сайт, где при прокрутке страницы подгружаются всё новые и новые статьи? Как можно сверстать подобную страницу с минимумом временных затрат? Должна же быть какая-то хитрость Также интересно как называется такой дизайн.

Brackets

По пункту первому: отзывчивый веб-дизайн

Спасибо! То, что нужно.

Имеется архив вида: 2014 - статья - статья 2013 - статья - статья Хотелось бы изначально держать статьи архива скрытыми, при клике на определённый год открывать список статей только этого года. Вопрос стандартный: как можно реализовать?

Не совсем тот пинок, что был нужен. Вот нужный пинок: css-menu-without-javascript

День добрый! Наверное, нет верстальщика, который хоть раз не опробовал готовый фреймворк. Чаще всего таковым выступает twitter bootstrap. Собственно, вопрос к форумчанам, которые его использовали и видели реализацию навигационного меню: возможно ли сделать его полностью на css, не прибегая к js-скриптам? Если ответ положительный, будьте так добры, пните на соответствующие темы/блоги... хоть что-то.

Попробуйте выставить большее значение max_execution_time в php.ini. P.S.: денвер зло, настраивать рабочую среду руками куда лучше.

На страницах с работающим слайдером есть дополнительный div-обёртка: .orbit-wrapper, а вот на главной его нет.

Да, ещё беспокоит тот аспект, что изображения могут долго загружаться. Как наиболее эффективно уменьшить вес без потери качества?

Спасибо, а как лучше сделать?