Secret Code
572 subscribers
135 photos
23 videos
103 links
Новости из мира веб-дева и мысли админа
Download Telegram
Secret Code
👩‍💻 Arc — переосмысленный взгляд на интернет Попробовав браузер Arc один раз, трудно вернуться к 👩‍💻 Хрому. Он удивляет своим удобством и приятным пользовательским опытом. Arc поддерживает все расширения, доступные для Хрома, что безусловно является его…
Dark Reader — это неотъемлемое расширение для моего браузера. Его основное предназначение — активация тёмной цветовой схемы на веб-сайтах, которые её не поддерживают. В расширении предусмотрено множество настроек для тонкой настройки цветовой гаммы.

Это расширение бережёт мои глаза в ночное время, когда я снова и снова попадаю на сайты без темной темы. Интересно, что некоторые сайты даже имеют поддержку тёмной темы, но её нужно включать вручную.

Внедрение тёмной темы на веб-сайт на уровне системы может увеличить конверсию.
22
👟 OpenAI и Stack Overflow теперь сотрудничают

В рамках этого сотрудничества:

▪️OpenAI планирует использовать OverflowAPI от Stack Overflow для улучшения производительности своих моделей, сотрудничая с компанией. Это позволит OpenAI улучшить свои искусственные интеллектуальные модели за счет расширенного контента и обратной связи от сообщества Stack Overflow.

▪️Stack Overflow будет использовать модели OpenAI в рамках разработки OverflowAI. Это партнерство поможет Stack Overflow расширить возможности разработки технологий с использованием коллективных знаний.

В последнее время у 👩‍💻 StackOverflow есть проблемы с количеством пользователей на сайте и контентом, который публикуется пользователями. Трафик StackOverflow упал на 35%. Это может быть связано с тем, что разработчики стали более чаще использовать ChatGPT для исправления багов.
Please open Telegram to view this post
VIEW IN TELEGRAM
32
👍 Мелочь, но приятно

Чтобы удалить расширение в 📝 VS Code теперь не нужно перезапускать всё приложение. Достаточно перезапустить только плагины.
Please open Telegram to view this post
VIEW IN TELEGRAM
411
Secret Code
Dark Reader — это неотъемлемое расширение для моего браузера. Его основное предназначение — активация тёмной цветовой схемы на веб-сайтах, которые её не поддерживают. В расширении предусмотрено множество настроек для тонкой настройки цветовой гаммы. Это расширение…
Unsplash Wallpapers — обои на каждый день

Иногда у меня наступает такой период в жизни, когда просто хочется постоянно видеть новые обои на рабочем столе. Unsplash Wallpapers прекрасно справляется с этой задачей. Есть возможность настроить частосту смены обоев и выбрать подборки.
22
This media is not supported in your browser
VIEW IN TELEGRAM
🔎 Быстрый поиск в VS Code

Чтобы искать совпадения в файлах можно воспользоваться поиском в боковой панели, но теперь можно это делать в поисковой строке
Please open Telegram to view this post
VIEW IN TELEGRAM
41
Смягчение углов в 🎨 Фигме (corner smoothing) — это ещё одна фича, которая есть в Фигме, но не имеет аналога в CSS

В Фигме углы объектов можно сгладить с помощью функции "Corner smoothing" (Сглаживание углов). Это позволяет сделать внешний вид элементов более плавным и эстетичным.

Для использования этой функции:
1. Выберите объект или группу объектов, у которых вы хотите сгладить углы.
2. Перейдите в панель свойств объекта справа.
3. Найдите раздел с настройками закруглений.
4. В этом разделе вы увидите параметр "Corner smoothing". Переместите ползунок вправо, чтобы увеличить степень сглаживания углов.

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

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

Прошлый пост о том, что ещё не рекомендуется использовать в Фигме, можете прочитать здесь.
Please open Telegram to view this post
VIEW IN TELEGRAM
3
This media is not supported in your browser
VIEW IN TELEGRAM
В Фигме наконец появились адекватные разделители между страницами 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
322
👩‍💻 Начало новой эры Реакт

Ну, лично мне так кажется. На React Conf представили React Compiler (ранее React Forget) — новый экспериментальный компилятор, который выложили в открытый доступ, чтобы получить первые отзывы коммьюнити. Пока не для продакшена, конечно же.

Возможно, сегодня вы знакомы с ручной мемоизацией с помощью useMemo, useCallback и React.memo. Компилятор может автоматически сделать это за вас, если ваш код следует правилам React. Если он обнаружит нарушения правил, то автоматически пропустит только эти компоненты или хуки и продолжит безопасную компиляцию остального кода.

Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
221
👟Модель GPT-4o обещали сделать доступной для всех бесплатно. Она у меня сегодня появилась в приложении как раз. Пользовались ею уже в своих целях? 👀
Please open Telegram to view this post
VIEW IN TELEGRAM
41
🔎 Глобальный поиск по хештегам в #Telegram

В данный момент, нажав на хештег в посте, можно найти посты с этим хештегом как из этого канала, так и из других каналов, в которых вы состоите.

Дуров анонсировал поиск постов по определенному хештегу во всех публичных каналах. Будет доступно позднее в этом месяце.

Думаю, это повлияет на то, как пользователи будут находить каналы по интересам. С одной стороны, это хорошо, но не хотелось бы видеть беспорядок из хештегов, как в других соцсетях.

Ждём? Или не очень?
Please open Telegram to view this post
VIEW IN TELEGRAM
7
Secret Code
👟Модель GPT-4o обещали сделать доступной для всех бесплатно. Она у меня сегодня появилась в приложении как раз. Пользовались ею уже в своих целях? 👀
👟GPT-4o, конечно, прекрасно, но она теперь модель по умолчанию. Чтобы переключить на GPT-3.5 нужно дождаться ответа, либо прервать его написание и переключиться на модель 3.5. А если продолжить разговор, то снова включится GPT-4o… очень «удобно», особенно когда 4o в некоторых сценариях справляется хуже и дольше 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
6
🧹 Чистка зависимостей

Если у вас есть проект, разработка которого идёт не один год, то вы непременно столкнётесь с тем, что в коде проекта есть неиспользуемые файлы, зависимости, экспорты

Для чистки такого вам может помочь утилита Knip. Хорошо настраивается, утилита активно развивается. Работает с JS и TS
Please open Telegram to view this post
VIEW IN TELEGRAM
42
jscpd — поиск дубликата кода

Ну и вот вам ещё одна софтинка, которая помогает искать копи-паст в JS и TS

Хорошо работает и имеет множество настроек
51
Недавно столкнулся с проблемой при разработке мини-приложения для 🌐 ВК. Эти приложения отображаются на десктопе в iframe, и при нажатии на кнопку копирование текста не работало. Появлялась ошибка:

Permissions policy violation: The Clipboard API has been blocked because of a permissions policy applied to the current document.

Так я узнал, что iframe достаточно изолированы от основного документа. Разработчики ВК разрешили использование следующих функций через «allow»: geolocation, microphone, camera, autoplay. Однако взаимодействия с буфером обмена здесь нет. Я думал, что решить проблему не удастся, но нашел обходной путь:


const textarea = document.createElement("textarea")
textarea.value = value!
textarea.style.position = "fixed"
document.body.appendChild(textarea)
textarea.select()
try {
document.execCommand("copy")
} catch (err) {
console.error("Unable to copy text to clipboard:", err)
}
document.body.removeChild(textarea)



В этом коде создаётся поле ввода текста, в которое подставляется нужный текст для копирования. Поле добавляется в тело документа, содержимое выделяется, копируется и удаляется из документа.

Вероятно, таким способом нельзя скопировать изображение, но для копирования текста при ограниченном доступе к Clipboard API этот метод вполне подойдёт.

💬 А как вы справляетесь с подобными проблемами? Поделитесь своим опытом и решениями в комментариях!
Please open Telegram to view this post
VIEW IN TELEGRAM
431
🆒 Cloudflare шифрует данные с помощью лавовых ламп

В офисе Cloudflare есть стена из 100 лавовых ламп. Эти лампы помогают генерировать случайные числа для шифрования данных.

Почему это важно? Языки программирования предоставляют псевдослучайные числа, которые предсказуемы и могут быть взломаны. Лавовые лампы же создают настоящие случайные числа, что значительно повышает надежность защиты данных.

Псевдослучайные генераторы случайных чисел (ПСГСЧ) работают на основе начального состояния (сида). Эти генераторы детерминированы: зная сид, можно предсказать все последующие значения. Взлом ПСГСЧ возможен, если злоумышленник узнает или угадает сид либо алгоритм генерации.
Please open Telegram to view this post
VIEW IN TELEGRAM
53
👟GPTs теперь для всех

GPTs — это каталог заранее настроенных GPT-чатов. Они умеют генерировать решения математических задач, проводить собеседования, создавать презентации и так далее.

Ранее доступ был только для пользователей с подпиской на ChatGPT Plus.

Такое мы юзаем?
Please open Telegram to view this post
VIEW IN TELEGRAM
53
Secret Code
🔎 Глобальный поиск по хештегам в #Telegram В данный момент, нажав на хештег в посте, можно найти посты с этим хештегом как из этого канала, так и из других каналов, в которых вы состоите. Дуров анонсировал поиск постов по определенному хештегу во всех публичных…
👋 Вышло обновление Telegram 10.13

Глобальный поиск по хештегам, эффекты отправки сообщений, перемещение подписи к картинке вверх и не только уже доступно для всех пользователей
Please open Telegram to view this post
VIEW IN TELEGRAM
411
👍 С первым днём лета всех
Please open Telegram to view this post
VIEW IN TELEGRAM
4