Создание сайтов: CSS

Новое

Фреймворк Bootstrap

Создание сайтов: CSS

Добавил: Дмитрий Науменко

Просмотров материала: 15309

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

Подсветка текущего пункта навигационного меню

Добавил: Дмитрий Науменко

Просмотров материала: 24503

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

Интерактивная форма с помощью CSS и JavaScript

Добавил: Дмитрий Науменко

Просмотров материала: 14248

В этом уроке мы разберем, как можно придать форме интерактивности, заставив ее реагировать на такие действия пользователя, как клик, наведение мыши а также на событие потери полем фокуса.

Стильные чекбоксы с помощью CSS и jQuery

Добавил: Дмитрий Науменко

Просмотров материала: 17991

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

Свойство float в CSS

Добавил: Дмитрий Науменко

Просмотров материала: 20794

В данном материале мы с Вами рассмотрим основные моменты, касающиеся работы с одним из наиболее важных свойств CSS - свойством float. В настоящее время практически невозможно найти шаблон сайта, при создании которого не использовалось бы данное свойство.

Как работает позиционирование в CSS?

Добавил: Дмитрий Науменко

Просмотров материала: 13932

Несомненно, свойство position - один из наиболее мощных инструментов, которым обладают веб-разработчики и дизайнеры. Однако есть в этом свойстве некоторые моменты, которые могут поставить новичков в тупик.

30 CSS-селекторов, о которых полезно помнить

Добавил: Дмитрий Науменко

Просмотров материала: 377411

Если Вы разобрались с основными селекторами CSS, то не думайте, что на этом все закончилось. Напротив - все только начинается. Изучив дополнительные селекторы, Вы получаете гораздо более гибкий и мощный инструмент управления внешним видом элементов на странице.

Создание формы обратной связи на сайте

Добавил: Дмитрий Науменко

Просмотров материала: 59661

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

Анимированные кнопки в стиле мыльных пузырей на CSS3

Добавил: Дмитрий Науменко

Просмотров материала: 13584

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

Красивое меню с эффектом Рыбьего Глаза

Добавил: Дмитрий Науменко

Просмотров материала: 19285

Многим людям нравятся меню, которые живо реагируют на их действия, оставаясь при этом понятными и удобными в использовании. В этом видеоуроке я расскажу вам об интересном скрипте, который позволяет добиться для меню красивого эффекта "Рыбьего Глаза."

Система комментирования на Ajax

Добавил: Дмитрий Науменко

Просмотров материала: 83015

В данном уроке мы будем создавать простую систему комментирования на Ajax. Мы рассмотрим, как добиться эффективного взаимодействия между jQuery и связкой PHP/MySQL с помощью JSON.

30 хороших практик в CSS для новичков

Добавил: Дмитрий Науменко

Просмотров материала: 26235

CSS - язык, используемый в какой-то момент практически каждым разработчиком. Хотя мы порой воспринимаем его как должное, он, тем не менее, является мощным средством и имеет множество нюансов в применении, позволяющих помочь в разработке качественного дизайна (либо затруднить данный процесс). Ниже представлено 30 хороших рекомендаций, которые помогут вам писать правильный и грамотный код, избегая многих типичных ошибок.

Добавил: Дмитрий Науменко

Просмотров материала: 20172

В данной статье мы рассмотрим хорошие практики при работе с разметкой страницы. Их применение позволит вам создавать более профессиональные сайты. Кроме того, в данном материале рассматриваются и смежные вопросы, касающиеся использования Javascript и CSS в контексте разметки страницы.

Умные страницы: Постраничная навигация (Pagination) средствами jQuery

Добавил: Дмитрий Науменко

Просмотров материала: 43774

Разбивка контента на отдельные страницы (pagination) - обычное решение при работе с большими объемами информации. Реализуется это обычно посредством передачи номера нужной страницы дополнительному обработчику, который извлекает информацию из базы и возвращает ее в определенной форме. Трудоемкий процесс, но это неизбежное зло. Или нет?

Форма подписки в стиле "Углеродное волокно" на PHP, jQuery и CSS3

Добавил: Дмитрий Науменко

Просмотров материала: 48682

Сегодня мы будем делать форму в стиле "Углеродное волокно" методом постепенного улучшения. Это значит, что сперва мы добьемся необходимого результата без применения JavaScript и причудливого CSS (вспомним в "старике" IE6), после чего двинемся дальше и добавим стильный внешний вид и магию AJAX и jQuery.