Обложка канала

Frontend по-флотски 👨‍💻. Страница 10

1075 @frontend_pasta
Открыть

Новости и факты о разработке интерфейсов в неформальном стиле

  • Frontend по-флотски 👨‍💻

    What’s Next: WebStorm 2022.2 Roadmap | The WebStorm Blog

    See what we have planned for our second major release in 2022.

    The JetBrains Blog

  • Frontend по-флотски 👨‍💻

    Flutter для Apple TV 📺 Давненько не было постов про flutter, исправляюсь! Перевёл статейку как сделать flutter проект совместимым с Apple TV и Android TV https://habr.com/ru/post/665264/
    Flutter для Apple TV

    Эта статья — перевод оригинальной статьи Aleksandr Denisov "Flutter for Apple TV"Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки...

    Хабр

  • Frontend по-флотски 👨‍💻

    CSS — эффект отражения 🔥 -webkit-box-reflect — позволяет создать отражение объекта в одном из направлений, выглядит сексуально 🙈 Пример с кнопкой — https://codepen.io/nazaneyn/pen/dydYQgN Спецификация — developer.mozilla.org/en-US/d…-reflect Это свойство не прод-реди ❗️

  • Реклама

  • Frontend по-флотски 👨‍💻

    JSPyBridge — запускай python в node.js и наоборот 🔥 Ключевые особенности: — Возможность вызывать асинхронные и синхронный функции и получать свойства объекта с нативным интерфейсом. — Встроенный сборщик мусора — Двунаправленные колбэки с произвольными аргументами — Поддержка итераций и обработки исключений — Проверка объектов позволяет вам легко использовать console.log или print(), и любые посторонние объекты. — (Мост для вызова Python из JS) Расширение и наследование класса Python. См. примеры pytorch и tensorflow. — (Мост для вызова JS из Python) Встроенная поддержка эмиттера событий на основе декоратора — (Мост для вызова JS из Python) Первоклассная поддержка Jupyter Notebook/Google Colab. https://github.com/extremeheat/JSPyBridge
    JSPyBridge/pytorch-train.js at master · extremeheat/JSPyBridge

    🌉. Bridge to interoperate Node.js and Python . Contribute to extremeheat/JSPyBridge development by creating an account on GitHub.

    GitHub

  • Frontend по-флотски 👨‍💻

    TechTrain 2022 Spring — бесплатный онлайн-фестиваль для всех разработчиков Дата: 14 мая Начало — в 11:45 (GMT+3) Сезон конференций от JUG Ru Group традиционно начинается с TechTrain. В программе — 8 докладов по разным направлениям: технологии видео и стриминга, тестирование, .NET, мобильная разработка, JavaScript, параллельные и распределенные системы, Java, C++. Рекомендуют тебе глянуть JS-доклад «Electron + Node.js = ❤️». Все подробности и регистрация на сайте фестиваля. И кстати, не забывай про чисто JS-конференцию HolyJS, которая пройдет 8 — 10 июня. С промокодом можно купить персональный билет дешевле: frontendpasta2022JRGpc

  • Frontend по-флотски 👨‍💻

    Тестирование с помощью Vitest ⚡️ Первый мой перевод связанный с тестированием. Всё как и в работе, на тесты подзабиваешь 😅 https://habr.com/ru/post/664350/
    Тестирование с помощью Vitest

    Эта статья — перевод оригинальной статьи Ignacio Falk "Testing with Vitest"Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки...

    Хабр

  • Frontend по-флотски 👨‍💻

    Динамическое изменение цвета текста на основе цветового контраста фона с помощью JS 😎 Слишком маленькая статья, чтобы её переводить, поэтому скидываю тебе оригинал, дружок, думаю ты без проблем всё поймёшь ❤️ gomakethings.com/dynamic…nilla-js Для ленивых даю функцию, которая решает это: function getContrastYIQ(hexcolor){ const r = parseInt(hexcolor.substr(0, 2), 16); const g = parseInt(hexcolor.substr(2, 2), 16); const b = parseInt(hexcolor.substr(4, 2), 16); const yiq = (r * 299 + g * 587 + b * 114) / 1000; return yiq >= 128 ? 'black' : 'white'; } Тыкательный пример: https://codepen.io/StephenFlannery/pen/byPPGj
    Dynamically changing the text color based on background color contrast with vanilla JS

    Last month, we looked at a technique for generating random colors with vanilla JS. Reader Stephen Flannery showed me a demo he built with the technique where the text color changed from black to white if the color was too dark. Checking color contrast with vanillia JS When I asked Stephen how he did it, he pointed me to this article from Brian Suda at 24 Ways on checking color contrast.

    Gomakethings

  • Frontend по-флотски 👨‍💻

    У нас есть победитель, это @NovaStream2030, грац ему 🥳🥳 Отпишись мне в лс (@qmzik) и я свяжу тебя с организаторами конфы ❤️

  • Frontend по-флотски 👨‍💻

    Из-за того что на розыгрыше кнопка, телега не даёт туда пихнуть комменты, пообсуждать розыгрыш можно под этим постом 😊

  • Frontend по-флотски 👨‍💻

    Розыгрыш билетика на HolyJs 👀 Символично в свой День Рождения начинаю розыгрыш одного билетика на конференцию HolyJs, анонс неполной программы и формата можно глянуть тут ❤️ Правила участия: 1. Быть подписанным на паблик 2. Тыкнуть на кнопку "Участвовать" 3. Ждать оглашения результатов Результаты будут оглашены в понедельник (2 мая) вечером, всем удачи!

  • Frontend по-флотски 👨‍💻

    UnoCSS теперь имеет внятную документацию 🔥 Для тех кто не в курсе, что это за штука, то прошу ознакомится с этим постом ☀️

  • Frontend по-флотски 👨‍💻

    HolyJS — топовая конференция для JS-разработчиков в формате online+offline 🥳 Online-часть: 8–10 июня. Offline-день: 23 июня. В online тебя ждут выступления, посвященные трендам и новым технологиям и общение в чатах. На offline-дне в Питере можно вживую послушать спикеров, лично познакомиться с коллегами и потусить у стендов партнеров. В программе: – Каким бывает легаси во фронтенде, как с ним справляться и не допускать его появления. – Что такое proposal Wasm GC, почему его так долго делают и какой путь прошли движки за 2 года экспериментов. – Как построить дизайн-систему для продукта с 20 млн. аудиторией, огромной кодовой базой и массой поверхностей. – Что такое сложность для человеческого мозга и как эти знания помогают писать более понятный код. Организаторы конфы дали мне один билетик, и я его разыграю в ближайшие дни ❗️ А для нетерпеливых есть промокод на покупку билета со скидкой frontendpasta2022JRGpc 😎 Билеты и подробности — на сайте P.S. в случае победы в розыгрыше тебе сделают полный возврат

  • Frontend по-флотски 👨‍💻

    "Как писать переиспользуемые компоненты" — гайд от Яндекса 🐙 "Случалось ли вам, выполняя какую-то задачу, понять, что самый простой путь — нажать Сtrl+C, Сtrl+V: перетащить из соседней папочки пару файлов, поменять пару строчек, и будет ок? Повторялось ли это ощущение? Я хочу рассказать о том, как боролся с этой проблемой и к чему пришёл вместе с командой" https://habr.com/ru/company/yandex/blog/662826/
    Гайд по написанию и рефакторингу компонент, которые хочется переиспользовать

    Случалось ли вам, выполняя какую-то задачу, понять, что самый простой путь — нажать Сtrl+C, Сtrl+V: перетащить из соседней папочки пару файлов, поменять пару строчек, и будет ок? Повторялось ли это...

    Хабр

  • Frontend по-флотски 👨‍💻

    React Meetup 💫 Тема: State of React Формат: онлайн Язык: английский Цена: бесплатно Когда: 26 апреля, 21:00 (UTC+5) https://www.reactjsmeetup.com/

    The purpose of the events website project is to have a project where we can display the upcoming events for the meetups hosted online every month. We currently host 6 online meetups: Vue, Angular, React, GraphQL, State of the Web, and Women in Tech.

    events-site

  • Frontend по-флотски 👨‍💻

    Самый популярные Node.js фреймворки 2022 ⚡️ 1. Next.js — https://nextjs.org/ 2. Nest — https://nestjs.com/ 3. Strapi — https://strapi.io/ 4. Remix — https://remix.run/ 5. Nuxt — https://nuxtjs.org/ 6. SvelteKit — https://kit.svelte.dev/ 7, Fastify — https://www.fastify.io/ 8. Redwood — https://redwoodjs.com/ 9. Express — https://expressjs.com/ 10. Adonis — https://adonisjs.com/ 11. Keystone — https://keystonejs.com/ Рейтинг взят на основе статьи https://stackdiary.com/node-js-frameworks/

  • Реклама

  • Frontend по-флотски 👨‍💻

    "Как мы учимся адаптировать Яндекс Go для незрячих пользователей" — Яндекс 🚧 На хабре наткнулся на статью про работу над доступностью интерфейса приложения Яндекс GO, хочу поделиться с вами ❤️ Статью маст хэв к прочтению, когда-нибудь да пригодится https://habr.com/ru/company/yandex/blog/660663/
    Как мы учимся адаптировать Яндекс Go для незрячих пользователей: ожидания, суровая реальность, чек-лист разработчика

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

    Хабр

  • Frontend по-флотски 👨‍💻

    CSS :has() селектор 😱 Как прочитал про него, так и сразу полюбил, кажется это то, чего мне действительно не хватает в разработке, ждём активной поддержки браузерами ❤️ https://habr.com/ru/post/662355/ P.S. статья получилась очень большой и я переводил её глубокой ночью, если найдёшь ошибки и фиговые формулировки, отпиши в комменты 😘
    CSS :has() селектор

    Эта статья — перевод оригинальной статьи Ahmad Shadeed "CSS Parent Selector"Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки...

    Хабр

  • Frontend по-флотски 👨‍💻

    Media Query Range 😍 В Media Queries level 4 добавят фичу диапазона значений, выглядит она очень сексуально и просто, мне прям зашла, но пока поддерживаются только в firefox 😞 Поддержка — caniuse.com/mdn-css…e_syntax Есть postcss плагин — https://github.com/postcss/postcss-media-minmax P.S ставь 👍, если хочешь, чтобы браузеры начали поддерживать эту фичу, 👎 если не хочешь