регистрация
Фиксированная навигация на CSS3 и jQuery

Фиксированная навигация на CSS3 и jQuery


07.10.2016 в 09:00 iMadeas 1355 0 Скрипты для uCoz

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

Современное меню с SVG элементами

Современное меню с SVG элементами


05.10.2016 в 16:40 iMadeas 2424 2 Скрипты для uCoz

SVG расшифровывается как масштабируемая векторная графика(scalable vector graphics). Это формат на основе языка разметки XML, который поддерживает анимацию и интерактивность. Другими словами, SVG — это технология, которая позволяет создавать изображения с помощью написания кода в текстовом редакторе. Кроме того, SVG является масштабируемым. В отличие от растровых форматов изображений, таких как PNG и JPEG, которые не могут изменять размеры без потери качества, SVG может масштабироваться до любого размера.

Стильный Progress bar для сайта на Js и CSS

Стильный Progress bar для сайта на Js и CSS


04.10.2016 в 17:00 iMadeas 880 0 Скрипты для uCoz

Индикатор прогресса можно встретить практически на любом сайте. Обычно он отражает состояние процесса, например, загрузки или переноса файла. Делаете ли вы веб приложение или просто сайт, наверняка вам потребуется данный элемент интерфейса. В этой материале мы рассмотрим как можно сделать визуальную полосу загрузки чего либо с помощью JavaScript! Данные виды прогресс-баров полностью реализован с помощью градиентов, теней и границ-радиусов CSS3 с примесью анимации.

Модальное окно “Motion” с SVG эффектом

Модальное окно “Motion” с SVG эффектом


29.09.2016 в 15:00 Ромчик 1420 4 Скрипты для uCoz

Сейчас довольно трудно представить себе сайт, где были бы не нужны модальные окна. Пользовательские диалоги, отправка и приём данных, уведомления, предупреждения, подсказки — всё это может появляться в виде всплывающих окон на самых разных сайтах, от развлекательных до корпоративных. Используя представленные в нашей коллекции скрипты, вы сможете без лишней нагрузки организовать работу вплывающих окон на своём сайте. Простое, и в тоже время необычное модальное окно с помощью элементов SVG. Данный тип веб-графики очень стремительно набирает обороты, а современные технологии помогают делать потрясающие вещи. Модальное окно с эффектом при появлении. Поддержка IE9+

Слайдер “Quotes Rotator” для uCoz

Слайдер “Quotes Rotator” для uCoz


27.09.2016 в 20:00 Ромчик 1543 5 Скрипты для uCoz

Quotes Rotator - это некий слайдер/ротатор цитат с использованием разнообразных картинок и с неограниченным количеством вкладок. У слайдера используется автозапуск. Индикатор выше, показывает прогресса цитируемости содержимого. Цитата с изображением используется в качестве примера. Также, можно заместо картинок использовать видео или flash, а сам слайдер можно содержать что угодно, хоть одни картинки. Кстати, css очень коротенький и простенький, поэтому вы сможете с легкостью подогнать его под свой сайт.

Боковое меню “Motion” с SVG эффектом

Боковое меню “Motion” с SVG эффектом


25.09.2016 в 14:15 Oksana 1616 5 Скрипты для uCoz

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

Простая реализация кнопки “наверх” для uCoz

Простая реализация кнопки “наверх” для uCoz


22.09.2016 в 19:00 Ромчик 1519 2 Скрипты для uCoz

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

Адаптивные табы (вкладки) для uCoz

Адаптивные табы (вкладки) для uCoz


22.09.2016 в 14:30 Ромчик 1579 4 Скрипты для uCoz

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

Меняем вид checkbox и radio для сайтов uCoz

Меняем вид checkbox и radio для сайтов uCoz


21.09.2016 в 14:00 Ромчик 1767 3 Скрипты для uCoz

Представлю Вам очередное не стандартное решение от сайта uGarts.ru. Сегодня речь у нас пойдет о кнопках checkbox и radio. Начну с того что долго голову не ломал, и велосипед придумывать не пришлось, т.к. в интернете есть кучу способов замену чебоксов, есть те кто изменяют их через js плагины, но это я считаю старым способом, поэтому проще оформить все в CSS. Смысл CSS кода состоит в том что при использовании псевдоклассов :checked и :not, в начале CSS кода скрываются chebox и radiobutton

Вид checkbox и radio для uCoz

Вид checkbox и radio для uCoz


21.09.2016 в 13:00 Ромчик 2246 6 Скрипты для uCoz

Начну с того что долго голову не ломал, и велосипед придумывать не пришлось, т.к. в интернете есть кучу способов замену checkbox, есть те кто изменяют их через js плагины, но это я считаю старым способом, поэтому проще оформить все в CSS. Смысл CSS кода состоит в том что при использовании :checked и :not, в начале CSS кода скрываются chebox и radiobutton. Кнопки выполнены в зелен стиле (если она активна), а если пассивна, то серый цвет. В материале присутствует демонстрация кнопок checkbox и radio. Установка очень проста, надо просто наш код вставить в Ваш CSS

« 1 2 3 4 5 ... 50 51 »
Партнеская программа uKitCPA
Создать сайт вместе с uKit.com
Статистики нашего сайта
Сегодня к нам присоединились: 5 человек
Пользователи и гости сейчас онлайн: 5 Сегодня наш портал посетили: чел
Сейчас на сайте: BlackHARD