Сейчас наблюдается интересная тенденция в веб-дизайне. Чем меньше элементов на странице — тем лучше. Но это не значит, что их не должно быть вообще. Большинство блоков, таких как меню навигации по сайту, меню профиля пользователя и т. д. можно скрыть и появляться они будут при нажатии и наведении. Некоторые могут сказать, что от этого страдает юзабилити страницы. Не думаю, так как страница стает чище, а значит легче ориентироваться. Человек не путается в горе ссылок. Представляю Вашем вниманию адаптивную слайдер-панель.

Случалось ли такое, что необходимо написать какие-то пояснения к определенному слову, но места не хватает? Для этого применяются всплывающие подсказки, а работают они следующим образом: при наведении курсора на определенное слово или элемент на странице появляется всплывающая подсказка, в которой даются некоторые пояснения. Это очень удобно использовать, например, на форме регистрации, возможно вы уже видели такие подсказки, и в этом материале я расскажу как создать такие легкие и красивые подсказки на CSS3 без использования JQuery.

Новая подборка переключателей страниц для uCoz. Для тех, кто устал от скучного стандартного дизайна, есть кое-что интересное. Переключатели страниц – это постраничная навигация по сайту. Обычно бывает внизу сайта, под новостями, но иногда ставится и поверх материалов. Дизайну этого вида навигации большинство уделяет мало внимания, но, переключатели страниц сайта являются неотъемлемы его функционалом и всегда находятся на виду глаз пользователей, так что рекомендуем стилизовать кнопки переключателей одним из 8 представленных вариантов.

Суть скрипта "Мини-профиль по клику правой кнопки мыши" при клики правой кнопкой мышки, будет вылазить красивое, стильно окно с профилем пользователя, сам скрипт состоит из несколько ссылок добавления материалов (добавить файл, добавить фото, добавить статью) и функции профиля пользователя (настройки, личные сообщения, персональная страница и выход с сайта)

Адаптивный, или если хотите, отзывчивый веб-дизайн сейчас не просто очередной дизайнерский тренд, это уже некий стандарт разработки сайтов, обеспечивающий универсальность веб-сайтов, гармоничное визуальное восприятие на экранах различных пользовательских устройств. Предстовляю Вашему вниманию работу сайта codyhouse.co "Animated SVG Hero Slider" — Полноэкранный слайдер с анимированными элементами SVG, используемых в качестве переходных эффектов.

С помощью CSS мы создадим анимированное меню, которое будет занимать весь экран и будет находится слева-вверху, страницы (то есть не будет занимать место на самой странице, а лишь в 60х60 пикселей сверху). Само меню полностью построено на CSS и не имеет ни каких картинок и js. Фон меню выполнен в синих тонах, а кнопка открыть и закрыть в голубых. CSS меню адаптировано под все мобильные устройства. Установка очень проста, надо в верхнюю часть или в основной Cascading Style Sheets подключить CSS и поставить HTML код к Вам на сайт.

Очень красивый, стильный, плавающий, "фиксированный" мини-профиль Вашего пользователя! Скрипт выполнен по все современным нормам, HTML и CSS3, с использованием иконочных шрифтов Fontawesome.

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

Стильное скользящее горизонтальное меню для сайта с помощью CSS3.

Сейчас, после прочтения множества мануалов и уроков по CSS3, вы начинаете все больше использовать CSS3 в своих проектах. Все, что вам не хватает — это готовые примеры, готовые реализации. Именно этим мы сегодня займемся — изучим несколько простых, но при этом эффектных трюков по работе с текстом, а о есть с буквами. Хочу Вам представить необычный эффект открывающихся букв. Создаётся такое впечатление, что они вырезаны на цветном картоне.

С помощью данного скрипта, вы сможете выделить абсолютно все ссылки на сайте ведущие на сторонний ресурс, в красивую об рамку, дабы пользователи сразу понимали, что ссылка не внутренняя а внешняя. К тому же к скрипту добавлена функция открытия внешних ссылок не в текущем окне, а в новом... Что очень удобно, и если пользователь перейдет по ссылки а после закроет страницу, то он останется у вас на сайте, а то бывают случаи когда переходят по внешней ссылки и удаляют историю из браузера, а потом сидят и вспоминают, что это за сайт клевый, на котором он был XD))

Хотелось бы представить вам красивый и достаточно интересный вид опроса для сайта ucoz.

Такой вид опроса улучшит дизайн вашего сайта в целом. Так как он выполнен очень стильно и элегантно. Этот вид опроса будет являться прекрасной заменой стандартного дизайна опросов ucoz.

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

Меню пользователя, то есть, раздел: ЛС, профиль, личные настройки и т.д, очень важный и нужный элемент на Вашем портале. В интернете полным-полно разных, красивых, стильных выпадающих меню пользователей, но я хочу Вам предложить вариант портала internetempire.ru. Данное меню будет украшать ваш сайт и подойдет под любой дизайн. А если Вы знаете CSS, то вам не составит проблем подкорректировать меню под себя. Данное меню-профиль создано с помощью CSS и HTML без использования JavaScript.

Стильный, темный вид материалов, для форума, на сайт в системе uCoz. Данный вид будет красиво сочетаться, как с темным дизайном, так и со светлым дизайном сайта. Что из себя представляет вид материалов можно посмотреть на изображение, но мы немного расскажем о нем письменно - В верху стоит Логин пользователя, правее от него статус Online/Offline, чуть ниже с левой стороны стоит аватар пользователя, на против его четыре кнопки находящиеся в вертикально положение, и в самом низу находятся Сообщения, Нарушения и Репутация. Так же в архиве есть цветные иконки кнопок.

Одним из обязательных элементов на сайте является форма поиска. Если у вас ее вдруг нету, то для того чтобы посетителям сайта было легче находить нужный материал, рекомендую ее добавить. С помощью этого материала мы с Вами создадим плавающую красивую форму поиска на CSS3 с красивым эффектом. Красивая форма поиска, построенная на CSS3, не использует никаких вспомогательных плагинов и не использует изображений. Естественно, старые браузеры не будут воспринимать свойства CSS3, но все же оформление останется приемлемым.

Благодаря CSS3 мы можем создавать эффекты анимации, не используя JavaScript, что упростит работу многих разработчиков. В наши дни, слайд-шоу можно встретить практически на любом сайте. Большинство из них используют JavaScript для смены изображений, некоторые используют Flash. Проблемы с просмотром изображений могут возникнуть лишь в том случае, если браузер пользователя не поддерживает ни того ни другого. В сегодняшней статье вы узнаете, как можно создать слайд-шоу c помощью CSS и HTML не используя ни каких скриптов.

В данном коротеньком уроке мы покажем как организовать подсчет введенных символов "на лету" с помощью jQuery. Это достаточно просто организовать с помощью нескольких строчек кода JavaScript. Такая функция, используемая на вашем сайте позволит улучшить интерфейс пользователя.

Данный скрипт запрещает использование комбинации клавиш Ctrl+S и Ctrl+U (скачивание всей страницы и просмотр исходного кода соответственно) и при использование данной комбинации на указанный электронный адрес отправляется почтовое извещение о том кода была использована данная комбинация и ип адрес пользователя который использовал данную комбинацию. Похожие скрипты я встречал в дебрях всемирной паутины но все они использовали php что как вы знаете на ucoz платная функция. Мной разработаны скрипт не требует php и всё работает через почтовую форму.

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