Npm #3
Npm #3
Conversation
| --color-shadow: #c4c4c4; | ||
| } | ||
|
|
||
| @media (prefers-color-scheme: dark) { |
There was a problem hiding this comment.
по-хорошему надо еще дать пользователю возможность выбирать тему. Но и твой подход через системные настройки неправильно обходить вниманием и, как демонстрация этого достаточно. Хорошо, что узнала про него.
| const rollup = require('rollup'); | ||
| const image = require('gulp-image'); | ||
|
|
||
| const assetsPath = 'src/assets/*.{png, jpeg, psd, bmp, gif, tiff, icon, ico}'; |
There was a problem hiding this comment.
конфиги с путями и константами можно вынести в отд файл. для удобства
| const bundle = await rollup.rollup(rollupConfig); | ||
|
|
||
| bundle.write({ | ||
| format: 'esm', |
There was a problem hiding this comment.
для справки, частая задача сборщика – подготовить код для браузеров, которые не поддерживают уровень языка на котором код пишется в сорцах. В таких случаях тут можно использовать iife, что бы развернуть импорты в один большой супермодуль. Не так красиво, но работает везде.
| <h3 class="about__annotation">Web Designer</h3> | ||
| </div> | ||
| <section class="social-network"> | ||
| <img class="social-network__telegram" src="assets/telegram_logo.png" alt="telegram"> |
There was a problem hiding this comment.
тут можно улучшить, если сделать класс + модификатор, что-то нейтральное для общих стилей всех элементов списка вроде:
social-network__item
добавить второй класс-модификатор для уник. стилей, как ссылки на иконку, брендовые цвета и тп.
social-network__item_telegram
| @@ -0,0 +1,21 @@ | |||
| @import "reset.scss"; | |||
| @@ -0,0 +1,5 @@ | |||
| .resume__copyrights { | |||
There was a problem hiding this comment.
Иногда сложный компонент тоже бьется на несколько файлов, но этот пока небольшой, его омжно хранить вместе с resume для удобства использования.
There was a problem hiding this comment.
Отличная работа, все хорошо разбито по компонентам, иногда, даже слишком подробно :) Например resume и resume__information скорее всего лучше хранить вместе, как неделимый компонент – так будет проще видеть весь компонент, его вариации и историю изменений.
К сборке особых замечаний нет, все на месте.
Оценка 10/10
No description provided.