-
- 1170
HTML / CSS. Верстка реального проекта. 1
В этот раз, поговорим про верстку реального проекта. Какие при этом бывают трудности и как их решить. В ходе работы используется много flexbox, фишки на sass (миксины, циклы, массивы), слайдеры, а также адаптив, и даже немножко grid layout. Всему этому вы сможете научиться на практике собирая данный макет. Приступим?
Итоговый результат: https://shturnev.github.io/electronoff/
Work-timer процес над производством для этого видео: https://work-timer.pro/705f07f3. (Сколько времени было затрачено на запись этого видео).
Продолжение:
Ссылки, дополнительные материалы:
- Скачать PSD макет (electronoff-main-1.psd) [скрыто, доступно начиная со 2 части]
- Исходный код. Репозиторий [скрыто, доступно начиная со 2 части]
- https://work-timer.pro/ - простой и удобный time manager
- https://www.flaticon.com - иконки
- Видео. как настроить sass в phpstorm
- как установить css hat
- google fonts
- socicon иконки соц. сетей
- установить FB плагин
авторизуйтесь пожалуйста