Тег: фронтенд
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-1@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-2@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-3@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-4@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-5@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-6@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-7@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-8@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-9@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-10@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-11@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/what-is-a-good-handoff-12@2x.thumb@2x.png)
В продолжении тредов Романа Шамина про дружбу дизайнеров и фронтендеров решил вытащить в блог одну из статей наших гайдов — про то, что такое «хорошо переданный макет»
![](https://new.mikeozornin.ru/blog/pictures/thumbs/dark-mode-aviasales@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/mikeozornin.ru-light-mode@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/mikeozornin.ru-dark-mode@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/safari-preview@2x.thumb@2x.png)
Темная тема — модно, все включают её себе в макоси (на следующий день, конечно, выключают обратно). Часто выключают потому, что сама тема темная, а весь контент вокруг
![](https://new.mikeozornin.ru/blog/pictures/thumbs/icons-BG@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/icon-in-library@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/icon-in-library-2@2x.thumb@2x.png)
![](https://new.mikeozornin.ru/blog/pictures/thumbs/opentype.js@2x_1.thumb@2x.png)
С момента первого поста я доработал схему сборки, расскажу что и зачем там сделано. Сначала будет вступление-рассказ о чем все это, если вы хотите нового
Разработчики иногда просят иконки не в пнг или свг, не пнг-спрайтом, а в шрифте. Им проще его так использовать