Помимо красоты и понятности кода, тимлид должен помнить про стоимость и скорость разработки, как тут уже заметили выше тимлид выдумал проблем, героически их решал, забил на перформанс в коде, тратил время, получил дикую вкусовщину которая в итоге ещё и дорого обошлось работодателю и дорого обойдется тем, кому эту "красоту" поддерживать. Надеюсь с опытом ещё придет, а пока похоже на выдуманную переписку с самим собой. Принципы типа KISS не на ровном месте родились, фронтенд это не рокетсаенс, умение получать быстро, простой и поддерживаемый результат с вменяемым входом на поддержку - именно тот Грааль к которому стоило бы стремиться
Вы оторвались от реальности кажется. В этом посте уже людям понравилась картинка, люди сами погуглили товар, некоторые похвалили визуальный результат. Но откуда-то выбираетесь вы (новорег без интересных постов про маркетинг) и начинаете сыпать всякие умные англицизмы типа "call to action" и другую муть, напрочь игнорируя, что пост людям зашёл как и дизайн.
Идите и напишите хороший маркетинговый пост, а мы уже проголосуем за него и обсудим в комментариях.
У меня не личные стереотипы ,а простые истины. О вкусах не спорят и ваше понятие "рабочей" картинки сугубо индивидуальное и субъективное. Как и опять неудачный пример, что ради красоты надо разместить шедевры живописи - вам не приходит в голову, что далеко не все считают картины красивыми? Ещё раз напомню, красота в глазах смотрящего.
По поводу рабочей рекламы, этот пост весьма и весьма хорошая нативная реклама и об этом признались простые потребители в комментариях к этому посту. И я тоже считаю, что такой формат рекламы приемлем даже на техническом ресурсе хабра.
У вас же в профиле я не вижу такойже интересной рекламы или хотябы таких же красивых картинок чтобы было на что поглазеть. А значит и спорить/учить автора поста вам рановато, как возможно и создавать маркетинговое агентство, кстати вы себя сейчас отрекламировали в худшую сторону и я бы уже не обратился к вам точно.
Вы просто навязываете свое мнение и аппелируете только к своему мнению, что у вас там так не работает. Значит плохо рисовали и делали.
По поводу интернет баннеров, какого я только треш контента на них не видел, от больной вульгарщины до вырвиглазных гифок.э или надписей "для похудения я добавляю две капли..." В общем опять мимо. Спасибо адблоку, что я их больше не вижу, но вы как инструмент почему-то их ещё припоминаете.
Кстати если бы у вас было нормальное агенство, вы бы не стеснялись кидать на него пруфы и примеры как надо. А не просто хвалиться тем, что вы владеете им. Может вы и не зря прячете его название
Красота она в глазах смотрящего. То что один дизайнер считает удачной маркетинговой идеей, другой дизайнер может полностью зафукать. Так что аргументы у вас весьма слабые, чувствуется обида дизайнера, за то что его заменили и весьма удачно. Лично мне как обывателю итоговый дизайн очень понравился и идея с ин/Ян тоже классная, яб купил такой товар. Бутылка с тупой надписью "фермеру против бактерий" весьма тупая идея как по мне, какому фермеру, против каких бактерий, а можно ли дачнику, а огороднику - в общем идея - фуфло высосанное из пальца ради наличия контраргумента. Красивая картинка это половина успеха т.к. "встречают по одёжке" так было, есть и будет всегда. В целом комментарий звучит как попытка оправдать необходимость работать с дорогими дизайнерами и терпеть их нытье и искусственные ограничения на количество правок. А если учесть что дизайнеры сами используют нейросети, то их в целом можно считать прокладкой которая ещё и ограниченное количество раз будет писать промты просто потому, что он живой и терпеть долгий процесс творческого поиска не намерен, или только за очень дорого. Искренне радуюсь такому прогрессу в нейросетях, результатом автора статьи очень доволен и мне все нравится.
Не рад был прочитать. Спасибо небольшое! Пожалуйста, не пишите ещё. Было очень не интересно читать, обязательно не расскажу своим друзьям про вашу не самую хорошую статью. Эмоции сугубо отрицательные испытать не удалось, автор полный профан и лох мог бы быть, но всё-таки качество материала оставляет желать всего наилучшего. Подписался, чтобы в будущем вероятно оставить свое негативное мнение, на тему крутости автора статьи.
так основной смысл данного подхода из статьи как раз в спрайте и отсутствии повторных запросов по сети. Если вам это не нравится или не подходит, можно просто использовать img тег) ну или инклудить средствами сборщика\шаблонизатора свгшки
Я бы сказал, что результаты примерно идентичны и можно получить и обратные значения. На телефоне аналогично, иногда вариант symbol sprite срабатывает побыстрее чем предыдущий тест с inline svg. Спрайт будет выигрывать по общему весу страницы, а также за счет того, что иконка загружается по хуку connectionCallback т.е. уже после отображения первичного контента страницы, что в теории тоже на какие-то копейки улучшает FCP параметр. Но это все крохоборство в целом, хотя на тесте в 100000 иконок разница в пользу инлайна более ощутима, но таких кейсов в жизни на 100к иконок я не встречал
SVG иконки на проекте не являются какой-то проблемой, а также сами веб-компоненты вполне современный подход на который все больше обращают внимание крупные компании. Как раз в плюсах у компонента то, что он способен пережить множество версий фреймворков и уже это успешно делают. У одного только реакта за время существования веб-компонентов прошло десяток релизов, а этот веб-компонент в целом оставался бы неизменным последние 5 лет точно и спокойно переживал изменения сборщиков webpack > rollup > vite
Работает быстрее, только есть и минусы у подхода к инклудами
Вы привязаны к шаблонизатору и необходимо использовать доп. инструменты сборки
Время сборки проекта становится чуть медленее из-на инклудов
Общий вес страницы становится больше т.к. иконки не переиспользуются. На большом количестве иконок разница в размере страницы будет очень существенной
Не тот кейс, где можно как-то просесть в производительности, если только вы не пишите сайт сток для свг иконок
Так что можно добавить атрибут который указывает использовать спрайт или вставлять inline
Здравая идея, возможно обновлю контент немного позже.
Еще к минусам svg-спрайтов можно отнести, то что через css не получается цвета svg менять
Какое невежство таких вещей не знать, но все работает отлично. Попробуйте стиль в CSS применить svg-icon svg { fill: ff00ff; } и лично убедиться, что все работает и цвет меняется отлично.
Вижу ваш минус, надеюсь вы довольны и ваше графоманское эго немного остыло, но в целом приятно, что у меня теперь есть такой ярый подписчик и воздыхатель как вы, так жить интереснее.
Да, все верно, можем заменить img src=icon_name на svg-icon name=icon-name по поводу фишек - какие вы бы хотели видеть? пишите, я подумаю чем смогу помочь и можно ли это реализовать.
там вы путаетесь в аргументах своих и то частично признаете, то отрицаете, то пишите нет нарушений если писать через дефис, то в других тредах этой статьи показываете примеры написания тегов без использования дефиса. Крч не убедительные у вас аргументы, уровня `я обосрался, но все еще могу ходить` а за уровень ваших знаний легко очень судить т.к. кроме резюме то у вас ничего и не накопилось за такое большое время разработки, что в целом и не удивительно
Замете хамством я отвечал исключительно на Ваше хамство)
уровень быдла из Подольска
это как раз еще одна заметка про ваше ЧСВ, что вы считаете себя прям лучше и умнее видимо аж целого большого города в подмосковье) лишний раз убедился, что вы конченный графоман у которого кончились аргументы и осталось лишь просто плеваться и переходить на личности т.к. технических аргументов просто нету, а ответить необходимо т.к. в жопе зудит и обида горит, что какой-то пиздюк 30летний дает советы, а не хвалит дитяточку. В гневе человек показывает истинное лицо и я увидел ваше. Это первый и единственный тред, где я так долго пытался кого-то вразумить и пожертвовал кармой, чтобы немного поучить графомана)
Да не знаете вы его. Или пруфы в студию. Ваше резюме это лишь плод фантазий, я таких на собесах много видел, 40 лет и мозгов нету, зато ЧСВ и понты своим возрастом и стажем. Ваш вклад в опенсус разработку ровно 0, ни одной библиотеки набравшей хотябы сотню инсталлов в нпм и пяток звёздочек на Гите. Кичитесь знаниями кода, но хоть одну статью вы написали про веб фреймворки? Нет. Я же их написал с полсотни. Вёрстку можете а блоге глянуть, там и показатели lighthouse хорошие, попробуйте поискать в своих закромах что-то получше. Зазнавшийся олдфаг с заявкой на изменения стандартов хтмл как раз тут именно вы и такой уровень графоманства уже не лечится.
Сайт manytomany заброшен и доживает последний год оплаченного домена, им уже несколько лет никто не занимается и площадка мертва, хз зачем вы копались в этом)) видимо припекло жопу, но ничего бывает. Последние 7 лет я занимаю руководящие должности в командах веб/фронтенд разработки и имею слабое отношение к пхп) проекты которые мы поддерживаем и пишем используют десятки тысяч людей ежедневно, сотни людей это посещаемость моего полузабытого блога) Вам действительно стоит подучить фреймворки и вы мигом перестанете восхищаться возможностью писать всякую ересь в хтмл. Пока вы похожи на реакт макаку из многочисленных шуток про реакт)) к счастью у меня на jsx аллергия и я так не велосипедил, как это делают поклонники Фейсбук технологий) к вам это все придет с опытом, не расстраивайтесь. Я даже сохранил вам плюсовой рейтинг статьи, а так был бы совсем нолик у вас судя по рейтингу +1 так что вы серчаете зря, умейте принимать критику спокойнее, всё-таки возраст ближе к 40, невралгия дело опасное
В итоге имеем, что так писать можно, но все может развалится, список депрекейтед тегов надо помнить в вашем случае + нездоровая боязнь писать див элементы, восприятие кастом элементов только с точки зрения что можно писать слова которые нравятся, бойлерплейт в цсс, а также отсутствие навыков с веб фрейиворками в которых в таком стиле уже давно пишут и не тратят столько времени в пустую на такие глупые идеи. Веб практикует компонентный подход нравится вам или нет. Что нативные веб компоненты, что реакт/вью/ангуляр/свелти, вас осталось лишь подтянуться до современного уровня. Удачи вам.
Помимо красоты и понятности кода, тимлид должен помнить про стоимость и скорость разработки, как тут уже заметили выше тимлид выдумал проблем, героически их решал, забил на перформанс в коде, тратил время, получил дикую вкусовщину которая в итоге ещё и дорого обошлось работодателю и дорого обойдется тем, кому эту "красоту" поддерживать. Надеюсь с опытом ещё придет, а пока похоже на выдуманную переписку с самим собой. Принципы типа KISS не на ровном месте родились, фронтенд это не рокетсаенс, умение получать быстро, простой и поддерживаемый результат с вменяемым входом на поддержку - именно тот Грааль к которому стоило бы стремиться
Русская латиница передауот русскуу фонетику и офрфографиу столж зхе кхоросхо, как и кириллица.
Для меня именно так звучит ваша транслитерация, может я не настолько пропитан англицизмом или плохо стараюсь.
Мы так писали, когда лимит на буквы латинские в смс был больше чем на кириллицу
Вы оторвались от реальности кажется. В этом посте уже людям понравилась картинка, люди сами погуглили товар, некоторые похвалили визуальный результат. Но откуда-то выбираетесь вы (новорег без интересных постов про маркетинг) и начинаете сыпать всякие умные англицизмы типа "call to action" и другую муть, напрочь игнорируя, что пост людям зашёл как и дизайн.
Идите и напишите хороший маркетинговый пост, а мы уже проголосуем за него и обсудим в комментариях.
У меня не личные стереотипы ,а простые истины. О вкусах не спорят и ваше понятие "рабочей" картинки сугубо индивидуальное и субъективное. Как и опять неудачный пример, что ради красоты надо разместить шедевры живописи - вам не приходит в голову, что далеко не все считают картины красивыми? Ещё раз напомню, красота в глазах смотрящего.
По поводу рабочей рекламы, этот пост весьма и весьма хорошая нативная реклама и об этом признались простые потребители в комментариях к этому посту. И я тоже считаю, что такой формат рекламы приемлем даже на техническом ресурсе хабра.
У вас же в профиле я не вижу такойже интересной рекламы или хотябы таких же красивых картинок чтобы было на что поглазеть. А значит и спорить/учить автора поста вам рановато, как возможно и создавать маркетинговое агентство, кстати вы себя сейчас отрекламировали в худшую сторону и я бы уже не обратился к вам точно.
Вы просто навязываете свое мнение и аппелируете только к своему мнению, что у вас там так не работает. Значит плохо рисовали и делали.
По поводу интернет баннеров, какого я только треш контента на них не видел, от больной вульгарщины до вырвиглазных гифок.э или надписей "для похудения я добавляю две капли..." В общем опять мимо. Спасибо адблоку, что я их больше не вижу, но вы как инструмент почему-то их ещё припоминаете.
Кстати если бы у вас было нормальное агенство, вы бы не стеснялись кидать на него пруфы и примеры как надо. А не просто хвалиться тем, что вы владеете им. Может вы и не зря прячете его название
Красота она в глазах смотрящего. То что один дизайнер считает удачной маркетинговой идеей, другой дизайнер может полностью зафукать. Так что аргументы у вас весьма слабые, чувствуется обида дизайнера, за то что его заменили и весьма удачно. Лично мне как обывателю итоговый дизайн очень понравился и идея с ин/Ян тоже классная, яб купил такой товар. Бутылка с тупой надписью "фермеру против бактерий" весьма тупая идея как по мне, какому фермеру, против каких бактерий, а можно ли дачнику, а огороднику - в общем идея - фуфло высосанное из пальца ради наличия контраргумента. Красивая картинка это половина успеха т.к. "встречают по одёжке" так было, есть и будет всегда. В целом комментарий звучит как попытка оправдать необходимость работать с дорогими дизайнерами и терпеть их нытье и искусственные ограничения на количество правок. А если учесть что дизайнеры сами используют нейросети, то их в целом можно считать прокладкой которая ещё и ограниченное количество раз будет писать промты просто потому, что он живой и терпеть долгий процесс творческого поиска не намерен, или только за очень дорого. Искренне радуюсь такому прогрессу в нейросетях, результатом автора статьи очень доволен и мне все нравится.
Не рад был прочитать. Спасибо небольшое! Пожалуйста, не пишите ещё. Было очень не интересно читать, обязательно не расскажу своим друзьям про вашу не самую хорошую статью. Эмоции сугубо отрицательные испытать не удалось, автор полный профан и лох мог бы быть, но всё-таки качество материала оставляет желать всего наилучшего. Подписался, чтобы в будущем вероятно оставить свое негативное мнение, на тему крутости автора статьи.
я для вас демку на гитхабе сделал, запустите и проверьте
Как видите все перекрасилось
https://github.com/webislife/svg-icon добавил vite и демку, пофиксил, а также покрасил иконки через CSS разные цвета специально для вас
на гитхаб же дал ссылку в статье, или вам нужна javascript версия?
так основной смысл данного подхода из статьи как раз в спрайте и отсутствии повторных запросов по сети. Если вам это не нравится или не подходит, можно просто использовать img тег) ну или инклудить средствами сборщика\шаблонизатора свгшки
Я бы сказал, что результаты примерно идентичны и можно получить и обратные значения. На телефоне аналогично, иногда вариант symbol sprite срабатывает побыстрее чем предыдущий тест с inline svg. Спрайт будет выигрывать по общему весу страницы, а также за счет того, что иконка загружается по хуку connectionCallback т.е. уже после отображения первичного контента страницы, что в теории тоже на какие-то копейки улучшает FCP параметр. Но это все крохоборство в целом, хотя на тесте в 100000 иконок разница в пользу инлайна более ощутима, но таких кейсов в жизни на 100к иконок я не встречал
SVG иконки на проекте не являются какой-то проблемой, а также сами веб-компоненты вполне современный подход на который все больше обращают внимание крупные компании. Как раз в плюсах у компонента то, что он способен пережить множество версий фреймворков и уже это успешно делают. У одного только реакта за время существования веб-компонентов прошло десяток релизов, а этот веб-компонент в целом оставался бы неизменным последние 5 лет точно и спокойно переживал изменения сборщиков webpack > rollup > vite
Работает быстрее, только есть и минусы у подхода к инклудами
Вы привязаны к шаблонизатору и необходимо использовать доп. инструменты сборки
Время сборки проекта становится чуть медленее из-на инклудов
Общий вес страницы становится больше т.к. иконки не переиспользуются. На большом количестве иконок разница в размере страницы будет очень существенной
Не тот кейс, где можно как-то просесть в производительности, если только вы не пишите сайт сток для свг иконок
Здравая идея, возможно обновлю контент немного позже.
Какое невежство таких вещей не знать, но все работает отлично. Попробуйте стиль в CSS применить
svg-icon svg { fill: ff00ff; }и лично убедиться, что все работает и цвет меняется отлично.Вижу ваш минус, надеюсь вы довольны и ваше графоманское эго немного остыло, но в целом приятно, что у меня теперь есть такой ярый подписчик и воздыхатель как вы, так жить интереснее.
Да, все верно, можем заменить
img src=icon_nameнаsvg-icon name=icon-nameпо поводу фишек - какие вы бы хотели видеть? пишите, я подумаю чем смогу помочь и можно ли это реализовать.там вы путаетесь в аргументах своих и то частично признаете, то отрицаете, то пишите нет нарушений если писать через дефис, то в других тредах этой статьи показываете примеры написания тегов без использования дефиса. Крч не убедительные у вас аргументы, уровня `я обосрался, но все еще могу ходить` а за уровень ваших знаний легко очень судить т.к. кроме резюме то у вас ничего и не накопилось за такое большое время разработки, что в целом и не удивительно
Замете хамством я отвечал исключительно на Ваше хамство)
это как раз еще одна заметка про ваше ЧСВ, что вы считаете себя прям лучше и умнее видимо аж целого большого города в подмосковье) лишний раз убедился, что вы конченный графоман у которого кончились аргументы и осталось лишь просто плеваться и переходить на личности т.к. технических аргументов просто нету, а ответить необходимо т.к. в жопе зудит и обида горит, что какой-то пиздюк 30летний дает советы, а не хвалит дитяточку. В гневе человек показывает истинное лицо и я увидел ваше. Это первый и единственный тред, где я так долго пытался кого-то вразумить и пожертвовал кармой, чтобы немного поучить графомана)
Да не знаете вы его. Или пруфы в студию. Ваше резюме это лишь плод фантазий, я таких на собесах много видел, 40 лет и мозгов нету, зато ЧСВ и понты своим возрастом и стажем. Ваш вклад в опенсус разработку ровно 0, ни одной библиотеки набравшей хотябы сотню инсталлов в нпм и пяток звёздочек на Гите. Кичитесь знаниями кода, но хоть одну статью вы написали про веб фреймворки? Нет. Я же их написал с полсотни. Вёрстку можете а блоге глянуть, там и показатели lighthouse хорошие, попробуйте поискать в своих закромах что-то получше. Зазнавшийся олдфаг с заявкой на изменения стандартов хтмл как раз тут именно вы и такой уровень графоманства уже не лечится.
Сайт manytomany заброшен и доживает последний год оплаченного домена, им уже несколько лет никто не занимается и площадка мертва, хз зачем вы копались в этом)) видимо припекло жопу, но ничего бывает. Последние 7 лет я занимаю руководящие должности в командах веб/фронтенд разработки и имею слабое отношение к пхп) проекты которые мы поддерживаем и пишем используют десятки тысяч людей ежедневно, сотни людей это посещаемость моего полузабытого блога) Вам действительно стоит подучить фреймворки и вы мигом перестанете восхищаться возможностью писать всякую ересь в хтмл. Пока вы похожи на реакт макаку из многочисленных шуток про реакт)) к счастью у меня на jsx аллергия и я так не велосипедил, как это делают поклонники Фейсбук технологий) к вам это все придет с опытом, не расстраивайтесь. Я даже сохранил вам плюсовой рейтинг статьи, а так был бы совсем нолик у вас судя по рейтингу +1 так что вы серчаете зря, умейте принимать критику спокойнее, всё-таки возраст ближе к 40, невралгия дело опасное
В итоге имеем, что так писать можно, но все может развалится, список депрекейтед тегов надо помнить в вашем случае + нездоровая боязнь писать див элементы, восприятие кастом элементов только с точки зрения что можно писать слова которые нравятся, бойлерплейт в цсс, а также отсутствие навыков с веб фрейиворками в которых в таком стиле уже давно пишут и не тратят столько времени в пустую на такие глупые идеи. Веб практикует компонентный подход нравится вам или нет. Что нативные веб компоненты, что реакт/вью/ангуляр/свелти, вас осталось лишь подтянуться до современного уровня. Удачи вам.