Skip to content

Npm #3

Open
Alexandra-Tkachenko wants to merge 4 commits into
mainfrom
npm_
Open

Npm #3
Alexandra-Tkachenko wants to merge 4 commits into
mainfrom
npm_

Conversation

@Alexandra-Tkachenko

Copy link
Copy Markdown
Collaborator

No description provided.

--color-shadow: #c4c4c4;
}

@media (prefers-color-scheme: dark) {

@Leikam Leikam Jan 2, 2022

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

по-хорошему надо еще дать пользователю возможность выбирать тему. Но и твой подход через системные настройки неправильно обходить вниманием и, как демонстрация этого достаточно. Хорошо, что узнала про него.

Comment thread gulpfile.js
const rollup = require('rollup');
const image = require('gulp-image');

const assetsPath = 'src/assets/*.{png, jpeg, psd, bmp, gif, tiff, icon, ico}';

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

конфиги с путями и константами можно вынести в отд файл. для удобства

Comment thread gulpfile.js
const bundle = await rollup.rollup(rollupConfig);

bundle.write({
format: 'esm',

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

для справки, частая задача сборщика – подготовить код для браузеров, которые не поддерживают уровень языка на котором код пишется в сорцах. В таких случаях тут можно использовать iife, что бы развернуть импорты в один большой супермодуль. Не так красиво, но работает везде.

Comment thread src/index.html
<h3 class="about__annotation">Web Designer</h3>
</div>
<section class="social-network">
<img class="social-network__telegram" src="assets/telegram_logo.png" alt="telegram">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

тут можно улучшить, если сделать класс + модификатор, что-то нейтральное для общих стилей всех элементов списка вроде:
social-network__item
добавить второй класс-модификатор для уник. стилей, как ссылки на иконку, брендовые цвета и тп.
social-network__item_telegram

Comment thread src/styles/app.scss
@@ -0,0 +1,21 @@
@import "reset.scss";

@Leikam Leikam Jan 2, 2022

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

хорошо разбила на компоненты 👍

@@ -0,0 +1,5 @@
.resume__copyrights {

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Иногда сложный компонент тоже бьется на несколько файлов, но этот пока небольшой, его омжно хранить вместе с resume для удобства использования.

@Leikam Leikam left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Отличная работа, все хорошо разбито по компонентам, иногда, даже слишком подробно :) Например resume и resume__information скорее всего лучше хранить вместе, как неделимый компонент – так будет проще видеть весь компонент, его вариации и историю изменений.

К сборке особых замечаний нет, все на месте.

Оценка 10/10

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants