Создание сайта www.reefll.com
Это наверое самый интересный проект на сегодняшний день. Сайт создавался в двух версиях: английской и русской. Использовался американский хостинг, рассчитан в первую очередь на американских клиентов и английская версия основная! Это полноценный интернет магазин по продаже света для аквариумов. Дизайн полностью создан на цветах без использования изображений (кнопки, меню, футер и всё остальное), чистый CSS3. Единственной частью в изображениях является корзина заказов, в верхнем правом углу сайта. С самого начала создания данного сайта хотелось использовать новейшии технологии в веб дизайне, и я считаю что это удолось!
Вместе с заказчиком была выбрана идея о неком роботе, который будет фигурировать на сайте в качестве экскурса!
Сайт писался с нуля, не использовалось никаких шаблонов.
Начну по порядку какие скрипты и стили я применял:
1. JQuery
Слайдер на главной странице сайта сайта описан в статье «Слайдер с эффектом параллакса на jQuery».
Сворачивание и разворачивание текста в разделе FAQ.
Боковое меню описано в уроке «Вертикальное раздвижное меню с описанием».
Выпадающая панель персонального раздела пользователя на сайте.
Неавторизированый пользователь:
Авторизированый пользователь:
2. javascript
Сворачивание и разворачивание блока с информацией в корзине, описано в уроке «Java-скрипт открыть/скрыть область/текст».
3. CSS3
Верхнее меню без использования изображений и построен на цветах и градиентах, создание описано в статье «Меню только на CSS3».
Вертикальное меню в разделе «Магазин» так же как и верхнее описано в статье «Меню только на CSS3».
Подсказки на сайте так же на CSS без использования скриптов.
Круглые изображения на сайте, описаны в статье «8 эффектов для изображений CSS3».
Лейтбоксы без скриптов на чистом CSS3, описан в статье «Создание лайтбокс-галереи с помощью CSS3».
Ну вот пока вроде всё! Если вам понравилась данная статья, то сохраните эту страницу в закладки и заходите, так как сайт находится в работе и много чего интересного вы можете тут увидеть!
С уважением Целовальников Сергей!

Подписывайтесь на нашу группу в контакте vk.com/club.ssdru