Latest posts
Фронтенд для души
22 Aug, 05:54
Немного не влезло в один пост, поэтому читайте так😋Фронтенд для души
22 Aug, 05:54
Фронтенд для души
22 Aug, 05:53
Фронтенд для души
22 Aug, 05:53
На подьезде к Чите, мы в очередной раз попали в яму и всадили КОВАННЫЙ ДИСК на 50 профиле (мы вообще удивлены как он выдержал столько ям, потому что не залетать в них нереально), на том колесе которое травило и теперь у нас еще и убитый диск, доехав до читы ночью, ни одного круглосуточного шиномонтажа мы не нашли и двинулись дальше в сторону Улан-Удэ, ведь там нам обещали нормальную дорогу, однако не сообщили, что дорога от Читы до Улан-Удэ, еще хуже чем до Читы, причем в разы хуже, мы проехали за 14 часов 200км, при этом машина вообще не останавливалась, мы все время ехали, ну тут еще сказалось, что у нас вылезла грыжа на том самом колесе, а на этом участке по классике ничего нет, но мы отчаянно к утру добрели до шинки и там внимание - не оказалось шинки, только коровы, фотку снизу я думаю вы зацените. В итоге нам пришлось ехать еще 100км до следующей шинки, каждый час качая колесо иФронтенд для души
22 Aug, 05:53
Всем привет!Немного пропал с радаров, так как во фронте чето ничего интересного не происходит, да и в айтишке в целом, кроме обновлении ИИ-моделей ничего супер интересного, а писать про это что-то не было желания.Но недавно сгонял в путешествие и хочу чуть поделиться эмоциями.Давно я хотел сьездить во Владивосток, посмотреть на этот портовый город, центр логистики привоза автомобилей и вообще поглядеть на классную природу ДФО, особенно хотелось сделать это после поездки на камчатку в прошлом году и скажу я вам, оно того стоило, город действительно красивый, мысы и маяки очень природные (правда народу много), город ухоженный, с кучей настенной живописи и антуражных мест по типу маяков и подобных вещей. Однако, была у меня еще одна идея, которая я не мог выкинуть из своей головы, это проехать от Владивостока до Москвы на машине.Именно поэтому в начале лета была куплена машина подФронтенд для души
9 Jul, 17:15
Всем привет!Сегодня наконец релизнулся Typescript 7 - тык.А это значит, что разработка станет еще быстрее засчет того, что Typescript теперь использует Go под капотом и работает на порядок быстрее того, что было раньше. Вместе с этим как обычно запилили обратную совместимость и специальный пакет npm install -D typescript@npm:@typescript/typescript6 для того, чтобы использовать typescript 7, но при этом не ломать свой проект.Судя по бенчмаркам, на больших проектах должна быть ощутимая разница в скорости выполнения и объеме пожираемой tsc памяти.
Фронтенд для души
31 May, 08:08
Всем привет!Настоящая файловая система в браузере, о которой мало кто рассказывает - Origin Private File System.Для хранения данных в браузере уже давно три варианта: IndexedDB, localStorage и Cookies. И этого хватало, пока не приехали облачные IDE, видеоредакторы и оффлайн-приложения, игры и прочая нечисть, которой нужно кучу данных хранить прямо в браузере - и тут им понадобилась настоящая файловая система. Не та, к которой мы привыкли, а приватная, быстрая, привязанная к origin.Что это такое?Origin Private File System - Маленькая файловая система, которую браузер выдаёт вашему сайту. Папки, файлы, чтение/запись стримами. Никаких ACL и диалогов «разрешить доступ» и других проблем с хранилищем.Базовый API:jsconst root = await navigator.storage.getDirectory(); const file = await root.getFileHandle('data.bin', { create: true }); const writable = await file.createWritable(); aw
Фронтенд для души
27 May, 18:45
Одна из самых недооценённых frontend-тем- это не новый фреймворк и не очередной state manager. А умение не усложнять решения, тот самый KISS.Очень часто проблема проекта не в том, что там "плохой Фреймворк/библиотека" или “не тот подход”. Проблема в том, что со временем код превращается в музей решений с запасом, которые когда-то казались хорошими и масштабируемыми.Тут добавили хук “на всякий случай”. Там сделали глобальный стор, потому что “вдруг пригодится”. Здесь написали универсальный компонент, который теперь страшно менять, потому что логика непонятна. А рядом лежит middleware, который уже никто не понимает, но все боятся удалить.И в какой-то момент команда начинает не разрабатывать продукт, а обслуживать костыли и масштабируемые решения, которые слишком сложны.Мне кажется, очень важно понимать эту грань, где решение из необходимого и достаточно переходит в избыточное.Неп
Фронтенд для души
23 May, 09:31
Всем привет!А вы знали про атрибут inert?Знакомая ситуация: открыли модалку, а пользователь по Tab может провалиться фокусом в страницу под модалкой и страница скроллится и живет своей жизнью. Или открыли мобильное меню, а контент за ним всё ещё кликается и читается скринридером. Обычно для этого используют костыли с tabindex, отловом кликов по не тем элементам и другими приколюхами. Однако есть универсальное решение без костылей, которое придумали за нас, атрибут inert. Ставите его на элемент - и всё поддерево становится инертным: элементы внутри не получают фокус (ни мышкой, ни табом), не реагируют на клики, не выполняют команды, и скринридеры их пропускают.Наиболее актуально для модалок и всяких менюшек на мобилке. Открыли модалку - воткнули inert на корневой <main> или на сиблингов модалки, когда закрыли - сняли.Но есть нюанс, в inert можно проиграть, если воткнуть его неДокаАтрибут inert — HTML — ДокаЭлемент бездельничает? Не беда, ведь есть inert.Фронтенд для души
19 May, 09:42
Всем привет!Карусели без JavaScript - реальность!Тот самый компонент, ради которого мы годами тащили в проект Swiper, Slick и ещё тыщу и одну библиотеку с их бандлами и багами доступности, теперь собирается на чистом CSS. Не так давно в CSS завезли псевдоэлементы ::scroll-button() и ::scroll-marker() - это готовые кнопки «вперёд/назад» и точки-пагинация, которые браузер сам создаёт, сам расставляет в правильном порядке табуляции и сам поддерживает их состояние.Самое приятное - доступность. Кнопки получаются - <button>, маркеры - <a> скринридер читает всё это как полноценный таблист. То есть карусель из коробки доступнее, чем то, что обычно делается на костылях, а еще и работает нативно из под браузера, что быстрее.Вообще есть ощущение, что браузеры двигаются в сторону того, что библиотеки в какой-то момент станут не так жестко необходимы и несут весь функционал, который ужеCSS-Tricks::scroll-marker | CSS-TricksThe ::scroll-marker pseudo-element adds accessible scroll markers to scroll containers.Фронтенд для души
17 May, 07:33
Всем привет!Хотелось бы поделиться интересным наблюдением, связанным с работой. Хотя, в целом, это можно переложить на любую другую сферу: насколько же важно иногда останавливаться и анализировать, действительно ли ты развиваешься в скиллах и идешь в правильном направлении.Заметил интересную вещь: многие не смотрят на свой рост с точки зрения скиллов, уровня задач, нагрузки и ответственности. Они просто двигаются по инерции - и из-за этого в какой-то момент выгорают от рутины. А единственным приятным моментом становится зарплата.И это, в целом, нормальный подход. Но в долгосрочной перспективе он, как мне кажется, не очень работает во всех планах. Поясню: если рабочие задачи вообще не заставляют думать на протяжении полугода-года, то в дальнейшем вероятно не станет лучше, а в динамичной среде, которая с приходом ИИ стала ещё более динамичной - навыки постепенно начинают устаревать
Фронтенд для души
12 May, 15:11
Всем привет!Очень крутая фича стала доступна во всех браузерах — Navigation API.Это тот самый универсальный роутер для всех библиотек, фреймворков и экосистем, который позволит отказаться от своих костылей и даст возможность подписываться на изменение URL. С помощью event.intercept можно будет писать свою логику при переходе по ссылкам без подпихивания URL в window.history, event.preventDefault и всех остальных обязательных приколов, которые преследовали фронтенд на протяжении многих лет. Более того, с большой долей вероятности из-за того, что это теперь будет работать на уровне браузера, а не на уровне костылей, это начнет работать быстрее и добавит немного производительности.Пока фича имеет статус Newly Available, но это лишь значит, что через пару лет она станет Widely Available, и можно будет с удовольствием затащить её к себе и наслаждаться.web.devNavigation API - a better way to navigate, is now Baseline Newly Available | Blog | web.devThe Navigation API is now Baseline Newly available, providing a better way to handle navigation in single-page applications.Фронтенд для души
6 May, 17:33
Всем привет!Я тут немного приуныл (думаю как и многие) от всех этих блокировок и отрезания от всемирной сети и повсеместной ИИ-зации авторов, которых я читал и забросил писать в канал на полтора месяца и вот снова появилось какое-то желание делиться чем-то полезным и важным для вас, однако смотря на статистику за последнии несколько месяцев есть ощущение, что самое интересное судя по отклику это различные холивары и мой песик Буся, а фишки фронтенда и какие-то харды связанные с разработкой, будто не так уж интересны, в связи с чем у меня появился вопрос, что действительно вам было бы интересно читать (текущий контент остается, но возможно сократится в силу того, что будет появляться исключительно то, что максимально воодушевляет автора), поделитесь пожалуйста в комментариях, если не сложно, хотелось бы чуть лучше понимать ваши потребности❤️)Интересно
Фронтенд для души
30 Mar, 15:27
#КнигиВсем привет!Даррен Харди - Накопительный эффект. От поступка – к привычке, от привычки – к выдающимся результатам."Библия по саморазвитию" - книга про то, как через маленькие привычки и систему достигать достойных результатов, читается легко, написана простым языком, с простыми бытовыми примерами (как люди худели, копили на какие-то покупки и что-то очень близкое к нам). Если в какой-то момент не хватает мотивации или привычная система вдруг сломалась прочитайте эту книгу, возможно все встанет на свои места и возможно получится выработать привычку, которая круто перевернет вашу жизнь.
Фронтенд для души
22 Mar, 08:46
Всем привет!Подробная статистика по CSS - тык.В поисках возможности оптимизации, наткнулся на интересный сайт, который анализирует CSS на сайте и показывает статистику по цветовой палитре, общую статистику по селекторам и их специфичности, шрифты, тени, переменные, гриды, CSS-переменные и тд, также показывает наиболее используемые свойства и количество бит, которые возможно сэкономить в случае если перейти к Atomic-классам.Мне очень зашла эта тема, потыкал свои сайтики, посмотрел сайтики с работы, изучил 50 оттенков синего на сайте и в целом очень хорошо показывает узкие места и где, что можно поправить и где улучшить. Предлагаю попробовать и вам, возможно вашим дизайнерам будет полезна эта статистика.
Фронтенд для души
18 Mar, 07:25
#UXВсем привет!Сегодня расскажу про такую полезную вещь как - What’s New/Changelogs.What’s New - это способ рассказывать пользователям о новых фичах, изменениях и улучшениях продукта в понятной и полезной для них форме.Он помогает доносить ценность обновлений и снижает риск, что важные изменения останутся незамеченными. Это наименее инвазивный способ показать пользователю, что появилась какая-то новая функция и ее можно попробовать (в отличии от рассылок и подобных историй), отличным примером этого является Google Chrome, после каждого обновления вас кидает на chrome://whats-new/ и там отображается основные обновления.Хороший What’s New короткий, в первую очередь рассказывает о том, что может быть полезно пользователю и может ему понадобиться, здорово, если он формируется каким-то образом из запросов, состояния аккаунта пользователя. При этом важно показывать обновления в
Фронтенд для души
15 Mar, 12:33edited
Всем привет!Хочу поделиться, у автора канала появилась собачка, а у канала новый редактор - Буся🐶! Теперь посты будут еще пушистее и добрее!Кстати, кто-нибудь уже обучал собаку фронтенду, как скоро можно до сеньера взрастить ?)P.S. если у кого то есть премиум, можете проголосовать пожалуйста, нужно для реакции с Бусей - тыкP.P.S спасибо, реакция с бусей на месте!
Фронтенд для души
13 Mar, 08:44
#PatternsВсем привет!Adapter или как подружить несовместимые интерфейсы и не переписывать код вокруг каждой интеграции.Существует такая проблема, когда у вас код ожидает один интерфейс например sendMessage(message: string), а новый провайдер предоставляем метод pushMessage(text, meta) и вам это дело нужно подружить. Можно сделать в лоб, дописать дополнительной логики в изначальный sendMessage перегрузить его под новый интерфейс, но можно поступить элегантнее с помощью Adapter делаем прослойку pushMessageAdapter, которая переводит один интерфейс в другой. Ваша система продолжает работать со своим привычным интерфейсом, а адаптер внутри вызывает сторонний сервис так, как ему нужно. Фактически создается дополнительный слой, который конвертирует поведение одного в другое, при этом для каждого такого стороннего решения слой свой, что позволяет быстро добавлять, удалять и поддерживать
Фронтенд для души
10 Mar, 07:03
Всем привет!Нет robots.txt - нет в поиске Google.А вы знали, что есть такая особенность гугла, что если у вас на сайте нет явного файла robots.txt, гуглботы не заходят на ваш сайт и не индексируют его совсем и соответственно в выдачи его не найдете, вот и я не знал, но недавно наткнулся на вот такую штуку в поддержке гугла - тык.Google[video] Fix 'robots.txt unreachable' Error | Website Not Indexing? - Google Search Central Community<div>Is your website not showing up on Google? Getting a "robots.txt unreachable" error in Google Search Console? This common SEO problem stops Googlebot from crawling and indexing your site, making your pages invisible in search results. In this step-by…Фронтенд для души
6 Mar, 09:10
#UXВсем привет!Сегодня расскажу про паттерн - Optimistic UI.Optimistic UI - это подход, при котором интерфейс сразу показывает успешный результат действия, не дожидаясь ответа сервера. Он создаёт ощущение мгновенного отклика и делает приложение быстрее.Кажется, что это уже стандарт индустрии, но довольно часто натыкаешься на какие-нибудь действия типо лайка, дизлайка и тд, которые работают синхронно, хотя спокойно могут выполняться асинхронно. Важно использовать этот подход с умом и в случае ошибки корректно оповещать пользователя об ошибки и возвращать состояние к корректному, а также не использовать его для действий, где пользователь не ожидает быстродействия или такого бизнес сценария, чтобы не вводить пользователя в заблуждение.🔤 Полезности этого приёма 🔤 Повышает ощущение скорости.
Related Channels
Other channels in the same section of the catalogue.
