Блог ⁄ Вёрстка

Кроссбраузерные закладки для меню

Для нового дизайна сайта «1-ой Типографии» понадобилось создать меню с вкладками. По замыслу дизайнера, закладки не должны были быть интерактивными, т.е. изменяться по наведению мыши, однако, мне захотелось приключений.

Обновлено: 08.12.2010

Вертикальные закладки (только для верстальщиков :) )

Пытаясь два года назад сверстать вертикальные вкладки для сайта дизайнера Штукатуровой Светланы (она создала дизайн моего сайта), я не нашёл способа повернуть текст на 90 градусов по часовой стрелке, однако придумал идею как оживить закладки.

Обновлено: 08.12.2010

Закладки с fade

За три года я fade-эффект куда только не вставлял. В этой статье хочу продемонстрировать реализацию вкладок меню на fade. Особо умные извращенцы от JavaScript могут попытаться в довесок реализовать эти закладки на jQuery. Я же просто продемонстрирую красивое решение для меню сайта-визитки или блога.

Обновлено: 07.12.2010

Вёрстка сеткой. Grid design

При вёрстке сайта раньше возникал вопрос, верстать блоками или таблицами. Но как знаем из анекдота, пока в Вилларибо верстали блоками, в Виллабаджо давно сверстали таблицами и уже рубятся в Quake. Однако, где-то года два (может больше) назад зародился новый тип вёрстки сайтов: вёрстка сеткой. Или сетка вёрстки.

Обновлено: 05.12.2010

CSS-галерея

Простая и удобная CSS-галерея. Без JavaScript'а вообще. Работает на XHTML + CSS, может пригодиться при вёрстке сайта с галереей изображений. Когда-нибудь на её основе подниму у себя на сайте галерею сайтов.

Обновлено: 04.12.2010

Скрипт сортировки блоков

Если не ошибаюсь, идея дать пользователю свободно размещать блоки с информацией по веб-странице впервые пришла в светлые головы программистов Google. Что-то подобное я видел в iGoogle. Я нашёл скрипт, который позволяет делать подобное на сайте, считаю, Вам будет интересно посмотреть на такое.

Обновлено: 04.12.2010

Постепенное исчезновение текста в строке

Очень понравилось необычное решение предпросмотра текста письма в почте Яндекса. Для тех, кто не в теме, заключается оно в том, что текст тела письма постепенно исчезает, ну или затухает. Реализуется эффект несложно.

Обновлено: 01.12.2010

Газетные колонки. MooTools

Мне пару раз приходилось эмулировать вёрстку газетных статей на сайте, было это года два тому назад, не помню, справился или нет. Сейчас на сайте MooTools нашёл скрипт, который позволяет делать газетные колонки прямо на сайте.

Обновлено: 10.11.2010

Красивые формы для сайта. Выпадающий список

Всегда хотелось ~~поэкскрементировать~~ поэкспериментировать с формами для сайта. Но мешал обычно выпадающий список. Да-да, тот самый <select> портил кровь, сучонок. Но слава Богу, и на селект нашли управу.

Обновлено: 04.11.2010

Скруглённые углы

Вот уже несколько лет как скруглённые углы волнуют воображение вебдванольных веб-дизайнеров. Чёртовы креативщики пичкают дизайн-макеты скруглёнными углами как из пушки. А бедные верстаки рвут волосы на ~~яйцах~~ голове и придумывают всё новые способы реализации скруглённых углов на практике.