Skip to content

"Научиться учиться". Лэндинг с десктопной вёрсткой без адаптива.

Notifications You must be signed in to change notification settings

hyardlung/how-to-learn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Проект "Научиться учиться"

Проект о развитии навыка обучения, такого же крутого и полезного как слепая десятипальцевая печать или чтение документации на английском, например :)

Главный экран

Здесь выведены главные проблемы в обучении, приведены практики и принципы разных специалистов в области обучения, собрана кое-какая интересная статистика об учёбе и мозге и прочее.

Что использовалось при написании

  • HTML и CSS - чистые, незамутнённые, без использования фреймворков и препроцессоров.
  • @keyframes и animation - для вращения фигур. Никакого JavaScript.
  • iframe - для вставки видео с YouTube.
  • Grid CSS - для сеток в секциях techniques и video. Подобные сетки можно реализовать и через Flexbox, но на гридах оказалось проще и код по объёму меньше.

Imgur

  • BEM Nested - файловая структура. Всё скрупулёзно разложено по папкам ручками. Ни автоматизации, ни сборщиков. Полный хэндмейд.

Imgur

Дальнейшие планы

  • Написать адаптив. Пока это исключительно десктопная версия сайта, но всему своё время! :)
  • Кроссбраузерность.

About

"Научиться учиться". Лэндинг с десктопной вёрсткой без адаптива.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published