Skip to content

Study project: How to learn. One-page website developed using css-animations, video frames, flexbox and bem methodology.

Notifications You must be signed in to change notification settings

nataliiasmirnova/how-to-learn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Проектная работа №2: Научиться учиться

Описание проекта

Проектная работа №2 направлена на практическое применение навыков работы с iframe и простейшей анимацией, а также преследует цель закрпеления знаний о Nested подходе к организации файлов по БЭМ.

Технологии

В проекте применены:

  • HTML5
  • CSS3
  • БЭМ
  • Nested подход в БЭМ

Инструкция и системные требования

Основной файл проекта открывается большинством современных браузеров. Страница может екоректно отображаться в устаревштх версиях браузеров: IE10 и старше, Safari4 и старше, Opera12.1 и старше). На данный момент доступна только десктопная версия. Также н данном этапе проект представляет собой чистый HTML/CSS без подключения какого-либо бекенда. В текущем состоянии к проекту также не подключен не один скрипт.

Планы по доработке проекта

Задачи следующего этапа в раблоте над проектом: Технические:

  1. Проверить код нa кроссбраузерность и дописать вендорные префиксы;
  2. Сделать сайт адаптивным, предполржительно, при помощи медиазапросов;
  3. Добавить интерактивным элементам все необхдимые состояния :visited, :focus и другие;
  4. Переписать некоторые css классы для переиспользования повторяющихся блоков (например, выделтть класс .link и его псевдоклассы)

Дизайн, структура, интерактивность:

  1. Подключить другие шрифты через медиазапросы;
  2. Расширитьблок с видео, добавив миниму 2 дополнительных ifram'a;
  3. Перед блоком footer создать блок form, с помощью кторой пользователи смогут связаться с автором;
  4. Сделать рабочиими все ссылки на странице;
  5. Добавить меню для удобной навигации по блокам страницы;
  6. Переписать футер в соответсвии с контентом страницы;
  7. Добавить к проекту другие страницы (напрмер, внутреннюю страницу "Метод Феймана", на которую будет вести ссылка в соотвествующем блоке).

About

Study project: How to learn. One-page website developed using css-animations, video frames, flexbox and bem methodology.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published