Программирование → Какой стиль выделения блоков будет проще читать и воспринимать ученым (математикам, физикам)?
Веб-разработка → Верстка повторяющихся блоков
Довольно часто при верстке сайта возникает необходимость размещать блоки одинаковой ширины, но разной высоты в контейнере с переменной шириной (читай резиновом). Плюс на этот список может применяться фильтр, который JS-ом скрывает или показывает элементы списка, при этом он не должен разрушать «строки», верстку, или образовывать дыры, поэтому решения на таблицах не катят сразу. Простейший пример — каталог товаров:
Каскадные Таблицы Стилей → Способ вертикального выравнивания блока с помощью настоящего vertical-align
Сегодня, верстая один макет, я, кажется, изобрел очередной небезынтересный способ вертикального выравнивания блока относительно родительского. Он не основан на превращении блоков в ячейки таблицы и не использует css-свойство position.
— Должна быть известна начальная высота родительского блока;
— Дочерний блок может иметь произвольный размер как по высоте, так и по ширине.
— Работает в IE6+, O9+, FF2+, webkit;
— Тру vertical-align выравнивание со всеми допустимыми значениями;
— Одинаковое поведение во всех браузерах (незначительные отклонение при некоторых условиях в ие6 будут оговорены ниже);
— При вырастании дочернего блока выше «папочки», родительский блок расширяется;
— Ни грамма Javascript.
Требования
— Должна быть известна начальная высота родительского блока;
— Дочерний блок может иметь произвольный размер как по высоте, так и по ширине.
Возможности
— Работает в IE6+, O9+, FF2+, webkit;
— Тру vertical-align выравнивание со всеми допустимыми значениями;
— Одинаковое поведение во всех браузерах (незначительные отклонение при некоторых условиях в ие6 будут оговорены ниже);
— При вырастании дочернего блока выше «папочки», родительский блок расширяется;
— Ни грамма Javascript.
Drupal → Танцы с бубном, часть 2 — tabbed menu в Drupal
Собственно, продолжение вот этого хабратопика, что называется, «по просьбам трудящихся». И прежде чем я начну, я приношу кучу искренних благодарностей хабраюзерам, не ленившимся слать багрепорты и тем самым помогавшим «вылизать» как следует результат. Пусть нет предела совершенству, и пару шероховатостей мне ещё предстоит пофиксить — но в любом случае, лучше, чем было изначально. А теперь я расскажу вам, как я натянула всю эту кухню на систему меню в Drupal.
Веб-разработка → Изучаем наличие layout
Примечание: ниже представлен официальный перевод статьи «On having Layout» на русский язык. Статья не является окончательной. Этот перевод отражает 9 версию от 23.10.2007.
UPD текст статьи полностью убран в связи с его неконтролируемыми изменениями с момента публикации.
UPD текст статьи полностью убран в связи с его неконтролируемыми изменениями с момента публикации.
Хабрахабр → Концептуально неоднозначные закругленные уголки блоков.
Я не из тех людей, который любит много писать, но все же уже давно хотел сказать.
Я хочу поговорить о «уголках».
Возьмем к примеру «главстр». Блок где размещены теги имеет закругленные уголки, впрочем как и блоки «Прямой эфир», «Компании» и «О, работа». Да и на других страницах по всему сайту блоки имеют закругленные уголки.
Я понимаю, что изначально этим самым хотели как-то смягчить сам дизайн, ибо закругленные уголки подсознательно и визуально более приятны для пользователя, но все же из-за этих закругленных уголков многое режет глаза (говорю лишь за себя).
Возьмем все ту же многострадальную «главстру», в которой ссылка «Главный хабрапоток» выделена прямоугольным блоком с острыми углами. И когда смотришь на блок с тегами с закругленными углами и на ссылку «Главный хабрапоток», выделенный прямоугольным блоком с острыми углами, которые находятся очень близко друг к другу, понимаешь, что концептуально это кажется не правильным. Хочу подчеркнуть слово «кажется», ибо при желании оправдать прямоугольные блоки ссылок с острыми углами можно. Острые углы имеют по идее лишь «глав. ссылки», на подобии «Захабренные» и блоками их сложно назвать.
Но все же приглядитесь на страницу «блоги», где явно все смешивается. Тут тебе и блок с закругленными углами «Популярные», тут тебе блок с острыми углами «Медийный контекст», тут тебе и ссылка «Захабренные», выделенная прямоугольным блоком с острыми углами, тут тебе и кнопка «написать» (к чему-то выделенная розовым цветом), которая имеет тоже острые углы, тут тебе и маленький блок под каждым сообщением, в котором ссылка на комментарии, на дату и т.д., имеющий тоже острые углы, тут тебе и окошко для поиска, которое тоже имеет острые углы. Не понятно только зачем кнопка рядом с поиском, ну может она и нужна, но только для тех у кого стоит «Punto Switcher», не ужели тут присутствуют люди, которые не знают где клавиша «Enter»?!
Многое еще хочется сказать про эти углы, но мне кажется это уже будет лишним и занудным.
PS. Хочу заметить, что я не говорю, что закругленные уголки у блоков на «Хабре» не правильные. Я говорю именно о том, что они как-то не сочетаются с другой «графикой» на сайте.
Я хочу поговорить о «уголках».
Возьмем к примеру «главстр». Блок где размещены теги имеет закругленные уголки, впрочем как и блоки «Прямой эфир», «Компании» и «О, работа». Да и на других страницах по всему сайту блоки имеют закругленные уголки.
Я понимаю, что изначально этим самым хотели как-то смягчить сам дизайн, ибо закругленные уголки подсознательно и визуально более приятны для пользователя, но все же из-за этих закругленных уголков многое режет глаза (говорю лишь за себя).
Возьмем все ту же многострадальную «главстру», в которой ссылка «Главный хабрапоток» выделена прямоугольным блоком с острыми углами. И когда смотришь на блок с тегами с закругленными углами и на ссылку «Главный хабрапоток», выделенный прямоугольным блоком с острыми углами, которые находятся очень близко друг к другу, понимаешь, что концептуально это кажется не правильным. Хочу подчеркнуть слово «кажется», ибо при желании оправдать прямоугольные блоки ссылок с острыми углами можно. Острые углы имеют по идее лишь «глав. ссылки», на подобии «Захабренные» и блоками их сложно назвать.
Но все же приглядитесь на страницу «блоги», где явно все смешивается. Тут тебе и блок с закругленными углами «Популярные», тут тебе блок с острыми углами «Медийный контекст», тут тебе и ссылка «Захабренные», выделенная прямоугольным блоком с острыми углами, тут тебе и кнопка «написать» (к чему-то выделенная розовым цветом), которая имеет тоже острые углы, тут тебе и маленький блок под каждым сообщением, в котором ссылка на комментарии, на дату и т.д., имеющий тоже острые углы, тут тебе и окошко для поиска, которое тоже имеет острые углы. Не понятно только зачем кнопка рядом с поиском, ну может она и нужна, но только для тех у кого стоит «Punto Switcher», не ужели тут присутствуют люди, которые не знают где клавиша «Enter»?!
Многое еще хочется сказать про эти углы, но мне кажется это уже будет лишним и занудным.
PS. Хочу заметить, что я не говорю, что закругленные уголки у блоков на «Хабре» не правильные. Я говорю именно о том, что они как-то не сочетаются с другой «графикой» на сайте.