Главная / Блог технологий продвижения и разработки сайтов / Верстка

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

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

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

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

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

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

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

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

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

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