Технологии сайтостроения для одностраничных сайтов

 

Всё что использую для создания сайта borisov-quality.com:

  • HTML
  • CSS
  • JavaScript
  • Библиотека jQuery
  • Плагины jQuery

Рассмотрим по порядку...

 

HTML

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

Теперь не нужно использовать кучу доктайпов, а только один: <!DOCTYPE html>.

Например, в разметке сайта я использую теги <video>, <audio>, <section>. Все современные браузеры их замечательно поддерживают.

Чего не скажешь о старых версиях IE7 и IE8. Если Вы откроете сайт в них, то он будет выглядеть немного по другому, и не будет звуков.

 

CSS

Какой сайт нынче может быть без стилей. Да никакой. Поэтому стили пишу, используя современную версия — CSS3.

Здесь и тени объектов (box-shadow), и текстовые тени (text-shadow), и плавное изменение стиля (transition), и трансформации объектов (transform), и многое другое.

Но опять же... Как быть со старыми браузерами?

Для этого есть JavaScript и библиотеки, такие как jQuery.

 

JavaScript и jQuery

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

Почему jQuery?

Потому что — это самая популярная библиотека javascript.
К тому же очень удобная.
В ней используется тот же метод выборки, что и в CSS.

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

Не спроста девиз библиотеки jQuery звучит так:

«write less, do more» — пиши меньше, делай больше

И это действительно так.

 

Плагины jQuery

Для обеспечения нужного функционала использую такие плагины:

  • Flowplayer — HTML5/Flash-плеер для сайта — для воспроизведения видеоклипа.
  • Queryloader — предварительная загрузка в процентах. Показывается, пока подгружаются все скрипты.
  • Tooltip — всплывающие подсказки
  • jQuery-UI (jquery-userinterface) — набор, призванный упростить создание интерфейсов (методов взаимодействия между сайтом и пользователем) для сайтов.
  • jQuery.Transit — плагин для создания супер-гладких CSS переходов и преобразований для JQuery.

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

Если Вы ещё не знаете JavaScript и библиотеку jQuery, самое время начать изучать. Поверьте, это достаточно просто.

Изучайте JavaScript и jQuery, использую лучший на сегодня метод обучения: интерактивный видеокурс «JavaScript + jQuery для начинающих». Никакой воды, минимум теории, максимум практики.

НЕ ЗАБУДЬТЕ! Ваш купон: BQ_872

 

Изучайте курс и создавайте свои сайты такими прекрасными, какими Вы можете себе вообразить.

 

Нажмите на ссылку, чтобы узнать подробнее:

Javascript + jQuery для начинающих в видеоформате

 

РЕКОМЕНДУЮ!

Оцените материал:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звёзд   (голосов: 5, средняя оценка: 4,20 из 5, сумма: 21)

Loading...

Понравилось? Поделитесь с друзьями:





Другие материалы по теме:

Борисов - Качество
HTML и CSS - бесплатные видеокурсы
«HTML» и «CSS»
Изучите Видеокурсы
Бесплатно!
Станьте хозяином своих сайтов прямо сейчас! Введите Ваше Имя и Ваш E-Mail:

Ваш E-Mail в безопасности