Привет, разработчики!
Давненько ни новостей, ни видосов… ну а что поделаешь, времена такие.
Но я тут наткнулся на интересный видос.
Я сразу же вспомнил, сколько боли причиняет фраза дизайнера “отрисовываем три строки, а все остальное скрываем тремя точками, по клику раскрываем”.
Каждый раз когда я слышал такую фразу я шел за библиотекой shave. И прикручивал ее к проекту.
Но что потом, а потом приходил SSR. На стороне сервера не можешь заранее вычислить высоту и шейв выходил из чата.
И начанались боль, страдания, костыли и дерганье контента после рендера.
Но есть варик сделать практически такой же функционал, на чистом css и об этом видос. (я бы механизм шейва делал при помощи css, а expand/collapse переключал бы js’ом)
И самое крутое - нет проблем SSR, Карл!
Перед использованием, проверьтесь на caniuse ❤️
#shave #line-clamp
Давненько ни новостей, ни видосов… ну а что поделаешь, времена такие.
Но я тут наткнулся на интересный видос.
Я сразу же вспомнил, сколько боли причиняет фраза дизайнера “отрисовываем три строки, а все остальное скрываем тремя точками, по клику раскрываем”.
Каждый раз когда я слышал такую фразу я шел за библиотекой shave. И прикручивал ее к проекту.
Но что потом, а потом приходил SSR. На стороне сервера не можешь заранее вычислить высоту и шейв выходил из чата.
И начанались боль, страдания, костыли и дерганье контента после рендера.
Но есть варик сделать практически такой же функционал, на чистом css и об этом видос. (я бы механизм шейва делал при помощи css, а expand/collapse переключал бы js’ом)
И самое крутое - нет проблем SSR, Карл!
Перед использованием, проверьтесь на caniuse ❤️
#shave #line-clamp
YouTube
How To Limit Lines Of Text With CSS Only
Doing vertical text overflow in CSS is incredibly difficult and many people think it is impossible, but that is not true. In this video I will show you 2 different ways to limit the number of lines of text in a box. I will also show you how to expand/collapse…
🔥7
Приходилось ли тебе обрезать многострочный текст по высоте?
Anonymous Poll
40%
Да и это страдание
13%
Да и дизайнеры, прекратите это
29%
Да, и это очень легко
22%
Нет, я психически здоровый человек
Кто эти люди, которые голосуют “Да, и это очень легко?” Выйдите из сумрака
😁8
Ребятки! подъезжает vue 3.3 c generic компонентами 🎉
https://www.youtube.com/watch?v=Z-qLPtWFZps&ab_channel=LearnVue
https://www.youtube.com/watch?v=Z-qLPtWFZps&ab_channel=LearnVue
YouTube
Vue just got SO MUCH better
RESOURCES
release blog post - https://blog.vuejs.org/posts/vue-3-3
Release Notes - https://github.com/vuejs/core/blob/main/CHANGELOG.md#330-2023-05-08
Source Code - https://github.com/LearnVueCo/learnvue/tree/main/demos/misc/vue-3.3-playground
✅ Join the…
release blog post - https://blog.vuejs.org/posts/vue-3-3
Release Notes - https://github.com/vuejs/core/blob/main/CHANGELOG.md#330-2023-05-08
Source Code - https://github.com/LearnVueCo/learnvue/tree/main/demos/misc/vue-3.3-playground
✅ Join the…
❤6
Простите, что видосиков от меня давно нет, зашиваюсь по времени, но постараюсь до лета порадовать чем-нибудь интересным 🔥
🔥13💩2
Ну что, программисты и программистки, поздравляю вас с 256 днем в 2023 году ❤️
Желаю всем здоровья, конца всего плохого, и больше всего хорошего.
Желаю себе, чтобы дизайнеры были более адекватные и прислушивались к разработчикам.
P.S. пишите в комменты пожелания себе и окружающим, будем как в вотсапе :3
Желаю всем здоровья, конца всего плохого, и больше всего хорошего.
Желаю себе, чтобы дизайнеры были более адекватные и прислушивались к разработчикам.
P.S. пишите в комменты пожелания себе и окружающим, будем как в вотсапе :3
❤10💘2🔥1
#ретро #retro #agile
Ребятки, я нашел гипер удобный инструмент для проведения ретро
https://action.parabol.co/
P.S. проводите ли вы ретро? Если да, чем пользуетесь?
Ребятки, я нашел гипер удобный инструмент для проведения ретро
https://action.parabol.co/
P.S. проводите ли вы ретро? Если да, чем пользуетесь?
action.parabol.co
Streamline or Replace Meetings | Parabol
Meetings are expensive. Parabol makes meeting time as efficient as possible or even replaces meetings with a structured collaborative process that can be done on your own time. Try our team stand-ups, check-ins, retrospectives, Sprint Poker, prioritization…
#история #собеседование #работа #алгоритмы
Я не люблю проходить алгоритмическу секцию на собеседованиях, потому что это каждый раз рандом. Однако чем больше ты нарешал (разобрал и понял) алгоритмических задач, тем выше вероятность прохождения этой секции.
Я согласен с алгоритмическими секциями на собеседованиях и сам спрашиваю алгоритмические задачи. Да, они не идеальны, но прохождение алго секции имеет кареляцию с уровнем разработчика, не всегда линейную, но имеет.
Пригаждаются ли знания алгоритмов в реальной жизни? Какие еще алгоритмы для фронтенд разработчика? Вот об этом маленькая история.
Прошлым летом я проходил собеседование на мою текущую работу. И на алго секции мне дали задачку про асинхронную загрузку файлов "скользящим окном".
Я не люблю проходить алгоритмическу секцию на собеседованиях, потому что это каждый раз рандом. Однако чем больше ты нарешал (разобрал и понял) алгоритмических задач, тем выше вероятность прохождения этой секции.
Я согласен с алгоритмическими секциями на собеседованиях и сам спрашиваю алгоритмические задачи. Да, они не идеальны, но прохождение алго секции имеет кареляцию с уровнем разработчика, не всегда линейную, но имеет.
Пригаждаются ли знания алгоритмов в реальной жизни? Какие еще алгоритмы для фронтенд разработчика? Вот об этом маленькая история.
Прошлым летом я проходил собеседование на мою текущую работу. И на алго секции мне дали задачку про асинхронную загрузку файлов "скользящим окном".
Условия (не дословные, но примерно понятные)
- есть массив из n строк, каждая строка ссылка на что-то
- есть условный метод fetchArtifact(url: string): Promise<string>, выполняется для каждой ссылки за неизвестное время
- есть число m означающее ширину канала (сколько файлов может загружаться параллельно)
Нужно загрузить все артифакты максимально быстро, для этого нужно вернуть новый массив строк. Важно, в результирующем массиве по индексу a должен быть артифакт соответсвующий ссылке a, для артифакта b ссылка b и так далее
Задача не сложная, но интересная. Имеет ли она реальной применение?
Через пару месяцев работы на проекте я предложил сделать инструмент автоматической выгрузки noscript иконок из figma в репозитории кода проектов. Есть значит документы, в которых дизайнеры собрали все иконки и нормализовали и знаете что? Нужно выкачать все иконки за минимальное время, а у figma есть ограничение на параллельное скачивание. Вот вам аргумент для тех, кто с пеной у рта доказывает, что фронтам не нужны алгоритмы 🙂
У меня есть такая же история про графы, графовые алгоритмы и их применение в реальной разработке, пишите, если интересно 🙂
А вам пригождаются знания для задач с собесов в реальной разработке?
- есть массив из n строк, каждая строка ссылка на что-то
- есть условный метод fetchArtifact(url: string): Promise<string>, выполняется для каждой ссылки за неизвестное время
- есть число m означающее ширину канала (сколько файлов может загружаться параллельно)
Нужно загрузить все артифакты максимально быстро, для этого нужно вернуть новый массив строк. Важно, в результирующем массиве по индексу a должен быть артифакт соответсвующий ссылке a, для артифакта b ссылка b и так далее
Задача не сложная, но интересная. Имеет ли она реальной применение?
Через пару месяцев работы на проекте я предложил сделать инструмент автоматической выгрузки noscript иконок из figma в репозитории кода проектов. Есть значит документы, в которых дизайнеры собрали все иконки и нормализовали и знаете что? Нужно выкачать все иконки за минимальное время, а у figma есть ограничение на параллельное скачивание. Вот вам аргумент для тех, кто с пеной у рта доказывает, что фронтам не нужны алгоритмы 🙂
У меня есть такая же история про графы, графовые алгоритмы и их применение в реальной разработке, пишите, если интересно 🙂
А вам пригождаются знания для задач с собесов в реальной разработке?
👍6💘1
Интересно про переделку розеток?
Anonymous Poll
65%
Да, в формате видосов
31%
Да, в формате фоточек с описанием
27%
Нет, гони видос про разработку
#smarthome #smartsocket #zigbee #z2m
Мои чуваки, поздравляю всех нас, вас с Новым 2024 годом!
Я очень надеюсь, что в этом году, наконец-то произойдет то, чего мы все так ждем❤️
А пока что с запазданием небольшой отчет про розетки 😅
Мои чуваки, поздравляю всех нас, вас с Новым 2024 годом!
Я очень надеюсь, что в этом году, наконец-то произойдет то, чего мы все так ждем❤️
А пока что с запазданием небольшой отчет про розетки 😅
🙏3❤1
Я уверен, многие не любят писать регулярки.
Когда ты написал сложную регулярку, тебе кажется, что ты выучил эльфийский.
Но если ты не пользуешься эльфийским - ты забываешь про него через 4 дня :)
Однако нейронные сети очень хорошо справляются с преобразованием человеческих запросов в эльфийский
Вот вам, кстати, китайский прокси до ChatGPT
Когда ты написал сложную регулярку, тебе кажется, что ты выучил эльфийский.
Но если ты не пользуешься эльфийским - ты забываешь про него через 4 дня :)
Однако нейронные сети очень хорошо справляются с преобразованием человеческих запросов в эльфийский
Вот вам, кстати, китайский прокси до ChatGPT
🔥5🤝1
Поздравляю разработчиков, кто использует vue 🙂
Вышел релиз 3.4
Рекомендую почитать, но если вкратце
- Все стало быстрее как обчыно
- Подтюнили реактивность
- Поменялась логика watchEffect (Может поломать вам бизнес логику, почитайте внимательно, если пользуетесь)
- defineModel перешел в разряд стабильных
- v-bind сокращения, как для объектов в js (теперь можно писать просто <img :id :src :alt> вместо <img :id="id" :src="src" :alt="alt">)
- улучшили отчеты по ошибкам гидрации, теперь можно собирать полный отчет по ошибкам гидрации даже в проде
Вышел релиз 3.4
Рекомендую почитать, но если вкратце
- Все стало быстрее как обчыно
- Подтюнили реактивность
- Поменялась логика watchEffect (Может поломать вам бизнес логику, почитайте внимательно, если пользуетесь)
- defineModel перешел в разряд стабильных
- v-bind сокращения, как для объектов в js (теперь можно писать просто <img :id :src :alt> вместо <img :id="id" :src="src" :alt="alt">)
- улучшили отчеты по ошибкам гидрации, теперь можно собирать полный отчет по ошибкам гидрации даже в проде
blog.vuejs.org
Announcing Vue 3.4 | The Vue Point
The official blog for the Vue.js project
👍8❤1⚡1🔥1🆒1💘1
Привет, всем в этом чате :)
Нужен ВЕБ ДИЗАЙНЕР! Уровень - junior/middle
UPD: Вакансия временно закрыта
Есть экспериментальный проект, на который нужно собрать макеты
Есть senior дизайнер, который выстраивает концепцию и ТЗ, и будет ревьювить
Объем работы на текущий момент две страницы в mobile и desktop, если сработаемся и все понравится. продолжим работу :)
Если среди вас есть дизайнеры, или ваши друзья/знакомые дизайнеры - приходите ко мне в личку, либо в комментарии
Нужен ВЕБ ДИЗАЙНЕР! Уровень - junior/middle
UPD: Вакансия временно закрыта
Есть экспериментальный проект, на который нужно собрать макеты
Есть senior дизайнер, который выстраивает концепцию и ТЗ, и будет ревьювить
Объем работы на текущий момент две страницы в mobile и desktop, если сработаемся и все понравится. продолжим работу :)
Если среди вас есть дизайнеры, или ваши друзья/знакомые дизайнеры - приходите ко мне в личку, либо в комментарии
❤1
А безопасен ли ваш сайт?)
Мой друг подсказал онлайн утилиту, которая проверяет ваш сайт на предмет безопасности заголовков
Проведя аудит моего сайта оказалось, что есть кучка проблем по заголовкам. Это быстро удалось поправить тем, что я поставил nuxt-security модуль, а так же объяснил nginx, что ему не нужно отправлять заголовок server
До этого главная страница сайта сразу рассказывала о том, какая версия nginx обслуживает сайт и какая версия nuxt запущена - это достаточно много информации для потенциальных злоумышленников
А знаете ли вы еще какие-либо интсрументы для быстрого адуита безопасности?
Мой друг подсказал онлайн утилиту, которая проверяет ваш сайт на предмет безопасности заголовков
Проведя аудит моего сайта оказалось, что есть кучка проблем по заголовкам. Это быстро удалось поправить тем, что я поставил nuxt-security модуль, а так же объяснил nginx, что ему не нужно отправлять заголовок server
До этого главная страница сайта сразу рассказывала о том, какая версия nginx обслуживает сайт и какая версия nuxt запущена - это достаточно много информации для потенциальных злоумышленников
А знаете ли вы еще какие-либо интсрументы для быстрого адуита безопасности?
Securityheaders
Analyse your HTTP response headers
Quickly and easily assess the security of your HTTP response headers
❤7