Даниэль Ленц - блог

У нас в Яндекс.Картинках есть общая часть проекта с Яндекс.Видео

И кто-то (вероятно очень давно) решил оставить гениальную пасхалку.

Когда ты поднимаешь локалку и забываешь сразу перейти на нужный сервис – тебя встречает такая картинка

На каждой линзе очков ссылки на localhost:3333/images и localhost:3333/video

Гениально :)

@dlents

Посмотрите на видео слева и попытайтесь понять как это сверстано

Выглядит сложно? Кажется, что тут какие-то математические расчеты или специальная библиотека для графики?

А теперь откройте видео справа :)

Да, это просто скругленный квадрат, который вращается.

Этот до жути простой, но гениальный трюк я нашел года 2 назад на каком-то крипто сайте и поделился в своем старом паблике в инстаграмме. Он там стал «хитом» и перевалил за 500к просмотров. И это до рекомендательной ленты рилсов!

А недавно на пет проекте нужно было выводить процент прогресса. Я вспомнил про эту потрясающую волну и решил поделиться ей здесь.

Ссылочка на исходники + превью

@dlents

Осень богатая на конференции

В ноябре в Питере пройдет HolyJs и я буду там.

Правда пока что просто как слушатель, ибо я слишком критичен к себе, чтобы собрать свой доклад. Не знаю минус это или плюс.

Конфа будет целых 3 дня: 7 ноября онлайн и 14-15 ноября оффлайн.

Пробежался по расписанию докладов и уже отправил в избранное 15 штук.

А особый интерес у меня вызывает Code in the Dark.

Это такой мини турнир, где нужно сверстать макет за 15 минут, но смотреть в браузер нельзя. Верстка в слепую. Я такое когда-то проводил у себя дома с 3 друзьями. Даже в лайве для «зрителей» было превью на телевизоре за нашими спинами!

Ну и вместо вывода: отпуск на оффлайн дни уже взят, доклады в избранное добавлены, я на низком старте.

Пиши в комменты, если тоже будешь на холи в ноябре 🙂

@dlents

Про цели и их достижение

Когда-то давно узнал про метод постановки целей SMART.

С помощью метода ваша абстрактная цель превращается в: конкретную, измеримую, достижимую, актуальную и имеющую сроки.

Кто хочет почитать подробнее – в сети куча статей. В основном примеры для руководителей команд, но метод отлично подходит и для личных целей.

Ну вообщем я к чему – прочитав когда-то про метод (ровно как вы сейчас читаете этот пост), я отложил себе его где-то в голове и забыл.

Но 2 месяца назад я решил слегка похудеть. Тут то и вспомнил про SMART.

Выписал по методу: срок цели, как я буду ее достигать, оценил сколько я реально могу скинуть и установил себе сроки.

Результат на скрине выше.

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

Как итог – я проверил SMART на личном опыте, рекомендую 👍🏻

@dlents

Вчера был завершающий день FrontendConf

Доклады были бодрее, а нетворкинг активнее. Видимо на второй день все раскрепостились (и я сам).

Выписал себе кучу новых инструментов и подходов, которые услышал в докладах. Нужно разобрать все пока в отпуске.

Конечно налутал много подарков от спонсоров конференции.

Ну и главное, что за эти 2 дня увидел вживую много тех, за кем слежу онлайн:

Саня Стародубцев @jsforbeginners – очень веселый и энергичный в жизни. Подогнал мне футболку с их стенда мимо кассы.

Дима aka @siberiacancode – 25 лет, а уже техлид! Есть на кого равняться.

Ваня Черняков @kosmostars7403 – невероятно харизматичный парень. Очень круто подходит к своему контенту на ютубе.

Никита aka @frontend_pasta делился секретами как качает свой канал и делает крипто стартап.

И конечно Глеб Михеев @tired_glebmikheev – человек у которого в сутках 48 часов. Ибо я не понимаю как он все успевает.

А еще послушал доклад Софии Валитовой @css_mind, чьи посты про css давно читал и передал привет своему коллеге в Минск через главного бородача конфы - Никиту Дубко @mefody_dev

Как итог – большие конференции однозначно кайф, 2 дня были очень насыщены.

FrontendConf, спасибо, что позвали :)

@dlents

Первый день на FrontendConf

Приехал к 9 утра, быстро зарегался и пошел ходить по стендам партнеров конференции – забрал носки у ВК и дождевик у клаудру

В 10:40 было официальное открытие и дальше марафон докладов вплоть до 19 вечера

Слушали про архитектуру, были на дебатах про реакт и конечно забежали на Fail-митап, где ребята без камер рассказывали про свои факапы в проде. История как чел bash скриптом положил все сервера компании просто топ.

В перерывах и после докладов общались и конечно же ели :)

Честно говоря под вечер уже немного устал, ибо приехал к 9 утра, а уехал в 22

Завтра завершающий день, stay tuned, будет еще один постик как оно вообще тут

Фоточек прикрепил

@dlents

Пятница.

Празднуем 27 годовщину Яндекса.

Вдвойне приятнее, что дальше у меня отпуск.

В воскресенье уже еду на конференцию, а дальше чилл в Москве.

Посоветуйте куда сходить в Москве из интересного 👇🏻

Всем пятницы!

@dlents

#рекомендую_подписаться

Сколько кому сейчас платят на рынке?

Сегодня хочу поделиться телеграм каналом, который делает мой коллега из Поиска.

Знать текущую ситуацию зарплат на рынке хорошо, а получать эту информацию из первых уст разработчиков еще лучше.

Канал @local_talent_developers собирает анонимно от разработчиков из России информацию об их зарплатах, плюшках от компании, условиях работы и в целом общее впечатлении о работодателе.

Их концепция – опрозрачить ситуацию на рынке. И это круто!

Я сам подписан на канал почти с момента его основания. Всегда интересно узнать, а что там у соседей в зеленых банках и синих маркетплейсах :)

Короче, мой личный рекомандасьон – заглядывайте к ребятам в @local_talent_developers

А я пойду тоже им форму заполню и поделюсь своими цифрами.

@dlents

Народ, а поделитесь какой у вас стек на проекте? Интересно понять что сейчас использует в реальных проектах

В формате:

1) Библиотека для интерфейсов
2) Сборщик
3) Стейт менеджер
4) Библиотека компонент, если есть

У нас в Яндекс.Картинках это:

React + остатки роскоши (BEM)
Webpack
Redux
Свои компоненты

Жду в комментариях 👇🏻

@dlents

Как прошло лето в Яндексе?

3 месяца подряд проводился фестиваль для сотрудников «Лето вместе».

Если коротко – раз в неделю дропают разные события, записываешься с коллегами и бесплатно посещаешь мероприятие.

Куда я успел сходить?

- тренировка по сквошу
- тренировка по теннису
- тренировка по бадминтону
- экскурсия на Газпром арену
- экскурсия на ретросклад
- экскурсия в аптеку Пеля
- концерт «Импровизаторы»
- концерт группы «Хлеб»
- закат на SUP-бордах у Лахты
- фестиваль RandomFest
- экскурсия с Погореловым
- мастер-класс по флористике

И это я еще в режиме лайт был. Видел другие коллеги успели раза в 2 больше посетить.

Вообщем было чем заняться буквально на каждых выходных.

Из интереса подсчитал, если бы за все мероприятия куда ходил платил сам. Вышло ~55к.

Коллажик прикрепил.

Лето, пока 👋🏻

@dlents

#домохозяйкам_на_заметку

Убираем бесячий зум инпутов в iOS браузерах

Кто пользуется айфоном 100% встречал ужасный UX, когда нажал в инпут, а у тебя все страница подзумилась. В итоге после заполнения инпута приходится возвращать зум страницы в исходное состояние, что дико раздражает.

Для понимания за неделю я встретил 3 сайта с такой проблемой. Наглядный пример на гифке выше.

Так как же фиксить? Есть 2 стула:

1) Размер font-size инпута должен быть >= 16px.

В спецификациях Apple про это ничего не сказано, но сообщество опытным путем нашло, что именно 16px и выше избавляет вас от проблемы.

Видать купертиновцы так беспокоятся за доступность 🤷‍♂️ Если у вас маленький размер шрифта – страница будет зумиться.

Но просто поправить размер шрифта не всегда возможно, поэтому есть другой способ.

2) Ограничить maximum-scale=1 страницы

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

И это сработает для Safari и других iOS собратьев! Бесячий зум уйдет.

Но это ломает поведение в браузерах на Android…

Поэтому патчить мета-тег вьюпорта нужно только для ios. И тогда будут довольны все.

Вместо вывода: доля ios в мире 28.32%, в США 58.81%, в РФ 24.96%. Данные на 2024 год.

@dlents

Мне тут промокод на FrontendConf подогнали

Кто пропустил, пару постов назад я писал, что стал амбассадором крупнейшей конфы фронтендеров.

Так вот, ребята подогнали для моего канала промик fc24_Lents на скидку 5%.

Алгоритм действий простой – берем его, идем к своему HR или лиду и запрашиваем билет на конфу со скидкой.

И да, там уже выложили полное расписание докладов. А их целых 51!

Посмотреть можно тут frontendconf.ru/moscow/2024/schedule.

Или можно следить в тг канале @FrontendConfChannel, там постоянно выходят анонсы.

Еще раз промокод – fc24_Lents.

Увидимся в Москве!

@dlents