Визуализируй структуру HTML
Один из ключевых аспектов веб-разработки – это структура HTML-документа. Но иногда трудно визуализировать, как именно выглядит документ на основе его кода. В этом случае может помочь инструмент для визуализации HTML-дерева.
Просто вставьте свой HTML-код в поле слева, и вы увидите древовидное представление вашей разметки. Это позволяет легко оценить иерархию элементов и их вложенность. Исходный код проекта доступен на GitHub.
Проверка БЭМ-нотации. Если вы используете методологию БЭМ (Блок-Элемент-Модификатор) при разработке интерфейсов, то инструмент поможет проверить соответствие классов этой нотации.
Иерархия заголовков. Иногда важно оценить структуру заголовков на странице. В этом инструменте вы сможете быстро увидеть, как они организованы, и прокликать по ним для наглядного представления.
@bugfeature | #инструмент #программирование
Получи выжимку из ролика на YouTube
YouTube Summary with ChatGPT & Claude – это бесплатное расширение для Chrome и Safari, которое позволяет быстро получить сначала транскрибацию, а затем суммаризировать и выделить основные топики из длинных видео на YouTube.
🔍 Как это работает? Просто установите расширение на ваш браузер и откройте видео на YouTube, которое вам интересно. Рядом с видео появится плашка, тапнув по которой можно развернуть тренскрибированный текст с таймкодами.
Внутри вы можете найти кнопку «View AI Summary», чтобы увидеть короткую выжимку основных моментов. Идеально подходит для длинных лекций, туториалов и онлайн-уроков.
@bugfeature | #полезно #расширение
Как быстро удалять пустые строки в Excel?
Пустые строки и столбцы в таблицах Excel могут быть настоящей головной болью. Они могут запутать стандартные функции сортировки, фильтрации, подведения итогов и создания сводных таблиц, что делает работу с данными менее эффективной.
Чтобы быстро удалить все пустые строки в одной таблице:
1. Выделите диапазон таблицы.
2. Нажмите клавишу «F5» и тапните «Выделить».
3. В открывшемся окошке выберите опцию «Пустые ячейки» → «ОК».
4. Выделение со всей таблицы переместится только на пустые строки таблицы.
5. Нажмите клавиши «Ctrl+”-”» (знак минуса), отметьте, что хотите удалить «строки» и щелкните «ОК».
@bugfeature | #лайфхак #excel
Как контролировать автозагрузку приложений?
Автозагрузка программ при запуске операционной системы может значительно замедлить её работу и создать лишние нагрузки на ресурсы компьютера. Для эффективного контроля над этим процессом воспользуйтесь удобным инструментом Autoruns.
Это мощная утилита, разработанная командой Sysinternals (теперь часть Microsoft), которая позволяет контролировать автоматическую загрузку различных приложений, сервисов и компонентов при старте операционной системы.
Программа просматривает различные секции и ключи реестра, в том числе «Автозагрузку», «Run», «RunOnce», а также другие расположения файловой системы, которые используются для настройки автозапуска.
С ее помощью вы можете легко исключить из автозапуска приложения, замедляющие работу вашего компьютера или которые вы не считаете необходимыми при каждом запуске системы.
@bugfeature | #утилита #windows
Собрали всё самое интересное с YaTalks 2023 на YouTube 🔥
Конференция YaTalks 2023 прошла ещё в декабре, а материалов для изучения хватит надолго. Собрали для вас записи докладов по основным трекам в отдельных плейлистах на YouTube-канале: «Разработка и эксплуатация», «Разработка интерфейсов», ML.
Делимся самыми интересными видео:
🔻Ускоритель в масштабе планеты: как инженеры управляют временем / Алексей Гусаков, Яндекс Поиск → как инженеры на разных уровнях экономят время пользователей в приложении или на сайте
🔻Собственная ферма мобильных устройств для тестирования в Сбере / Владимир Коржев, Сбер → о том, что такое ферма мобильных устройств для тестирования и как она появилась в Сбере
🔻AI недооценён или переоценен? → спикеры конференции Иван Бушмаринов, Александр Крайнов, Иван Черевко и Алексей Шаграев заняли свои позиции и поделились мнением с залом и оппонентами.
Не хотите смотреть видео? Читайте пересказы докладов в контент-хабе на сайте YaTalks. Раздел ещё пополняется — если не нашли нужный доклад, подождите, он появится чуть позже.
Переносим закладки и историю из Google Chrome в Safari
Часто мы используем разные веб-браузеры в зависимости от устройства или операционной системы. Это может привести к разделению закладок, истории посещений и сохраненных паролей между браузерами. Однако, перенести эти данные из одного браузера в другой совсем несложно.
Чтобы перенести всю информацию из Google Chrome в Safari:
1. Убедитесь, что все ваши веб-браузеры закрыты. Это гарантирует, что процесс переноса будет проходить без сбоев.
2. Запустите Safari и раскройте меню «Файл» в верхней панели.
3. Тапните «Импортировать из» и выберите «Google Chrome» в выпадающем меню.
4. Отметьте все элементы, которые вы хотите импортировать в Safari, например, «Закладки», «История» и/или «Пароли».
5. Нажмите «Импортировать», чтобы завершить перенос.
@bugfeature | #chrome #safari
Все версии MacOS онлайн
Запустить старые версии MacOS прямо в браузере возможно благодаря Infinite Mac. Этот уникальный онлайн-эмулятор позволяет погрузиться в атмосферу прошлых эпох и исследовать, как менялись интерфейсы Mac OS с течением времени.
Сервис представляет полноценную эмуляцию старых версий Mac OS с возможностью открытия программ и экспорта файлов. Вы можете попробовать на деле, как работали ранние версии операционной системы 🍏, и оценить их изменения по сравнению с современными.
На сайте вы найдете версии Macintosh System Software и Mac OS по порядку их выхода. Каждая версия сопровождается описанием основных изменений, а также упоминанием провальных обновлений, которые, возможно, вы никогда не видели.
@bugfeature | #интересно #сервис
Когда вы в последний раз обновляли свои пароли? Если не можете вспомнить, то скорее ознакомьтесь с этим чек-листом, чтобы защитить свои персональные данные.
Краткое напоминание: не храните пароли в документе на своём же компьютере, проверяйте наличие сертификата безопасности при регистрации на новом сайте и удаляйте все важные файлы после отправки!
Кстати, полный список способов защиты от кибермошенников есть в канале Т1. И не забудьте подписаться, чтобы оставаться в курсе главных новостей ИТ-индустрии.
Реклама. ООО «Т1». ИНН: 7720484492
На технологической конференции VK JT вы узнаете, что такое информационная безопасность в одной из крупнейших технологических и как организована защита самых популярных в России сервисов.
Эксперты VK расскажут, как реализовать защиту с минимальной нагрузкой на highload-кластера с максимальной пользой для безопасности и как будет выглядеть мир без паролей. Кроме того, как остановить хакеров от захвата корпоративного устройства без вреда для рабочих процессов.
Регистрируйтесь и приходите!
Читай статьи в два раза быстрее
Теперь вам не нужно тратить много времени на чтение длинных статей, PDF-файлов или электронных книг. С расширением SwiftRead для браузера Chrome вы можете удвоить свою скорость чтения, не упуская при этом сути текста.
Инструмент работает со статьями, сообщениями в блогах и электронными письмами. Вы также можете использовать SwiftRead на страницах книг Kindle или в PDF-файлах, ePUB и даже в Kindle Cloud Reader.
Техника скоростного чтения, используемая SwiftRead, называется Rapid Serial Visual Presentation или RSVP. Скорость чтения зависит от того, насколько быстро человек сможет визуализировать последовательность изображений.
SwiftRead устраняет субвокализацию или внутренний голос, который произносит каждое слово, чтобы помочь вам читать быстрее. В настройках представлены гибкие возможности кастомизации.
@bugfeature | #полезно #расширение
«Вечный» режим инкогнито в Google Chrome на Windows
Режим «Инкогнито» в браузере Google Chrome – это удобный инструмент для тех, кто хочет просматривать веб-страницы без сохранения истории, куки-файлов и других данных. Но что если вы хотите, чтобы браузер всегда открывался в этом режиме автоматически?
Для этого:
1. Кликните ПКМ по значку Chrome на панели задач.
2. Затем в открывшемся меню еще раз ПКМ по пункту «Google Chrome» и выберите «Свойства».
3. В открывшемся окне переключитесь на вкладку «Ярлык».
4. В поле «Объект» для пути к запускаемому файлу добавьте ключ -incognito, чтобы получилось, например:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -incognito
Генератор фавиконов
Часто задаетесь вопросами о размерах для favicon.ico
, не знаете сколько и каких иконок вам нужно? Каждая платформа имеет свои уникальные требования к дизайну. С RealFaviconGenerator вам не нужно тратить время на исследования и тестирование.
Вам понадобится всего несколько минут, чтобы создать привлекательный и совершенный фавикон, идеально подходящий для каждой платформы. Просто загрузите свой логотип. Сервис продемонстрирует как ваша иконка будет выглядеть на разных платформах.
Вы можете сразу настроить некоторые визуальные характеристики (цвет фона, толщину границы), а затем скачать полученные иконки пакетом. Инструмент также предоставит код для <head>
секции.
@bugfeature | #полезно #инструмент
Как преобразовать Google Документ в Markdown?
Если вы когда-либо сталкивались с необходимостью преобразовать Google Документ в формат Markdown, то, знаете, какая это может быть задача. Docs to Markdown – удобное расширение, позволяющее автоматически преобразовывать документы в .md формат.
Простота использования: Установив расширение прямо в Google Документы, вы можете легко преобразовывать свои документы в Markdown всего одним кликом.
Качественный результат: Расширение создает читаемый и понятный Markdown-код, который легко редактировать и использовать в ваших проектах.
Обработка изображений: Расширение автоматически создает разметку для изображений, но вам потребуется переместить изображения на свой сервер и настроить пути к ним.
Примечания к преобразованию: Если в процессе преобразования возникают ошибки, они будут отображены в комментариях в верхней части выходного MD-файла, что помогает легко идентифицировать и исправить проблемы.
@bugfeature | #полезно #инструмент
Лучший инструмент для проверки регулярок
Regex 101 – это онлайн-инструмент, который обеспечивает полную среду для работы с регулярными выражениями. С его помощью вы можете создавать, тестировать и отлаживать регулярные выражения в удобном интерфейсе.
Поле для ввода шаблона: Вы можете ввести свое регулярное выражение непосредственно в поле и мгновенно увидеть результаты его работы.
Флаги: Сервис позволяет вам указывать флаги, такие как глобальный поиск, игнорирование регистра и другие, что дает вам больше гибкости при тестировании.
Тестовые данные: Вы можете предоставить тестовые данные прямо в инструменте, чтобы проверить, соответствует ли ваше регулярное выражение вашим ожиданиям.
Поддержка языков: Инструмент поддерживает множество языков и движков регулярных выражений, что делает его универсальным инструментом для разработчиков различных стеков.
@bugfeature | #инструмент #разработка
Редактор шрифтов с открытым исходным кодом
Вы любите типографику, дизайн и возможности открытого программного обеспечения? Обратите внимание на FontForge, надежный редактор шрифтов с открытым исходным кодом, который позволяет пользователям создавать, редактировать и конвертировать шрифты.
Программа доступна для Windows, MacOS и Linux. Разработчики рекомендуют начать знакомство с этой страницы. Здесь представлена исчерпывающая информация о том, как создавать новые шрифты с помощью FontForge.
В руководстве инструкции о том, как установить программу, настроить проект. Подробное описание всех возможностей и инструментов дизайна: работа с цифрами, жирное и курсивное начертание, интервалы и кернинг.
@bugfeature | #программа #дизайн
Плагин с иконками для Figma
Новый уровень эффективности в дизайне. Вместо того чтобы тратить время на поиск подходящих иконок в Интернете и затем импортировать их в проект, вы можете сделать все это намного быстрее и удобнее.
Iconify – расширение для Figma предоставляет доступ к более 100 наборам значков, включая такие популярные как Material Design, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji, и многие другие.
У вас появится огромный выбор иконок прямо под рукой, без необходимости искать их по сети. Доступно более 100 наборов с иконками, что в общем предоставляет более 100,000 иконок в свободном доступе. Используйте поиск по ключевым словам, чтобы найти нужные.
@bugfeature | #расширение #figma
Новый инструмент для аналитики мобильных приложений в AppMetrica
«Предикты LTV (lifetime value) и оттока» — новый инструмент, благодаря которому владельцы и маркетологи мобильных приложений могут прокачать свои рекламные кампании и эффективнее удерживать пользователей.
Предикты LTV помогут вам:
🎯 Оптимизировать рекламные кампании на пользователей с высоким LTV.
🎯 Найти эффективные рекламные каналы с высокой рентабельностью.
🎯 Вовремя начать работу по удержанию пользователей.
Предиктивная модель LTV строится на базе передовых ML-технологий Яндекса, используя обезличенные данные десятков тысяч приложений различных категорий. Прогнозы строятся как с информацией о монетизации внутри приложения, так и без нее, что делает инструмент мощным для различных бизнес-сценариев.
С Предиктами оттока уже в момент установки приложения можно определять пользователей, которые с высокой вероятностью скоро перестанут им пользоваться, и разрабатывать меры по их удержанию. Вы можете действовать превентивно, сохраняя пользователей и увеличивая общий LTV своего приложения.
@bugfeature | #новость #яндекс
Первая технологическая конференция VK
Сегодня в 11 часов началась конференция VK JT. Более 50 экспертов компании поделятся своим опытом и знаниями, а 40+ докладов и экспертных дискуссий помогут найти новые подходы к решению задач.
Конференция будет состоять из 4 ключевых треков:
▪️ Продукт UX&UI
▪️ Machine Intelligence
▪️ Архитектура & Highload
▪️ Безопасность
(по ссылкам доступнен прямой эфир выступлений, записи также сохранятся)
Не упустите возможность узнать истории про сервисы, которые охватывают 95% аудитории рунета, и ознакомиться с социально-значимыми технологиями. Доклады будут переведены на русский жестовый язык, чтобы каждый мог получить максимум информации и вдохновения.
@bugfeature | #конференция #технологии
Как узнать стили без открытия консоли разработчика?
Вы когда-нибудь задумывались о том, какая высота линии, шрифт или размер кнопки на сайте? CSS Peeper – инструмент для удовлетворения вашего любопытства. И не нужно отвлекаться на технические детали.
Это удобное расширение, созданное специально для дизайнеров, которые хотят быстро и легко просмотреть стили, извлечь цвета и размеры элементов без необходимости открывать инструменты разработчика.
С ним вы сможете просматривать стили элементов в простом и хорошо организованном формате, извлекать CSS для создания красивых руководств по стилю и получать доступ к полезным стилям сразу в браузере Chrome.
@bugfeature | #расширение #дизайн
Кошелек NEAR в Telegram
NEAR Wallet - недавно выпущенный кошелек в Telegram от блокчейна NEAR, позволяющий майнить монету HOT. Суть проекта схожа с недавно выпущенным NotCoin.
Только тут принцип майнинга заключается в регулярном сборе накопленного баланса HOT в хранилище. В первое время - это раз в 2 часа. Но скорость и объем добычи можно повысить.
По заявлениям разработчиков - возможность майнинга планируют завершить до лета. А сейчас в кошельке активно добавляются новые функции. И соответственно есть время накопить монеты.
Сама криптовалюта NEAR входит в ТОП-30 в мировом рейтинге по капитализации. Монетой NEAR можно торговать на большинстве популярных бирж. К примеру: MEXC и HTX.
Внимание: При регистрации не забудьте записать Passphrase из 12 слов. Это ваша кодовая фраза от кошелька!
@bugfeature | #telegram #криптовалюта
Как изменить дату создания файла?
BulkFileChanger – это мощная и легкая в использовании утилита, предназначенная для упрощения процесса управления большим количеством файлов.
Инструмент предлагает различные функции для работы с файлами, позволяя пользователям выполнять массовые операции с минимальными усилиями.
Одной из интересных особенностей программы является возможность изменить метаданные даты создания, изменения и доступа к выбранным файлам. Для этого:
1. Скачайте и запустите утилиту. Она бесплатна и не требует установки.
2. Тапните вкладку «Файл» → «Добавить файлы» и выберите нужные документы для изменения.
3. Выделите нужные файлы из появившегося списка и в меню выберите «Действия» → «Изменить время/атрибуты».
4. В появившемся окне отметьте галочками «Создание», «Изменение» и «Доступ», затем укажите нужные дату и время для каждого действия.
@bugfeature | #утилита #windows
Читаем Gmail почту, не покидая браузер
Не хочется постоянно переключаться между вкладками и терять время на поиск нужного письма? Этого можно избежать с расширением Checker Plus для Gmail.
📬 Управление из браузера: Никаких неудобных переходов в Gmail! Читайте, отвечайте и создавайте новые письма прямо из расширения в вашем браузере.
🎉 Больше возможностей: Получайте уведомления о новых письмах, читайте их, удаляйте или отвечайте на них, не покидая текущую вкладку.
🔊 Голосовые оповещения: Даже когда вы заняты чем-то другим, расширение может прочитать вам новые сообщения вслух, чтобы вы ничего не пропустили!
🌐 Множество аккаунтов: Управляйте несколькими учетными записями электронной почты с легкостью.
🛡️ Безопасность: Расширение использует только необходимые данные вашей учетной записи и обеспечивает безопасность ваших сообщений.
🎨 Настройки по вкусу: Выбирайте фотографии контактов, изменяйте звуковые уведомления, настраивайте иконки и многое другое!
@bugfeature | #расширение #gmail
Массовый сбой в Рунете
На протяжении двух часов в российском сегменте интернета наблюдался сбой в работе многих интернет сервисов.
Первые сообщения о проблемах появились на Telegram в районе 10:30. Но тут жалобы затрагивали и другие страны.
Основной перебой самого рунета начался в ~12:00 и охватил большинство крупных сервисов, а длился примерно 2 часа.
На текущий момент работоспособность сервисов восстановлена. Хотя сама причина пока не совсем ясна.
@bugfeature | #новость #сбой
Как оживить фото в iPhone?
Сегодня красивые фотографии уже не вызывают такого удивления, как раньше. Чтобы выделиться и привлечь больше подписчиков в Instagram, нужно приложить немного креатива. Анимированные картинки – вот что точно привлечет внимание вашей аудитории.
Motionleap – приложение (iOS, Android), благодаря которому вы сможете вселить новую жизнь всем своим старым снимкам. В приложении вы можете добавлять эффекты дыма, анимировать движение воды, неба и любых элементов изображения.
Есть также отдельный эффект для имитации исчезновения, как после щелчка Таноса. А самое главное приложение является бесплатным и не требует никаких дополнительных действий для того, чтобы начать им пользоваться и создавать необычные кадры.
@bugfeature | #интересно #приложение
Липкие заметки из всего в браузере
Хотите оставлять заметки в браузере каждый раз, когда находите что-то интересное? Или сохранять картинки и скриншоты для дальнейшего прочтения? Расширение Note Board – отличный инструмент для этого.
Заметки-Липучки: Пишите заметки, как липучки, и располагайте их на виртуальной доске и с помощью Kanban-досок. Вы можете перемещать и изменять размеры каждой заметки.
Сохранение на веб-страницах: Создавайте заметки на любой веб-странице, и они будут доступны в том же месте, когда вы вернетесь к ней.
Быстрое создание заметок: Перетаскивайте содержимое из других вкладок или изображения с вашего устройства, чтобы создавать заметки быстро и легко.
Маленькие всплывающие окна с заметками: Создавайте маленькие всплывающие окна с заметками, которые останутся на вашем рабочем столе даже после перезагрузки компьютера.
@bugfeature | #полезно #расширение
Как установить собственный рингтон на уведомления в Telegram?
В Telegram вы можете загружать собственные мелодии и использовать их в качестве звуков уведомлений для личных чатов, групп, каналов и историй. Это отличный способ заявить о себе и кастомизировать свой пользовательский опыт.
Для этого:
1. Откройте Telegram и перейдите в «Настройки».
2. Тапните «Уведомления и звуки».
3. Выберите «Личные чаты», «Группы», «Каналы» или «Истории».
4. Нажмите «Звук» → «Загрузить звук».
5. Вам откроется приложение «Файлы». Выберите и загрузите рингтон в .mp3 формате (размером до 300 Кб).
6. Тапните «Готово», чтобы сделать его уведомлением для личных чатов, групп или каналов соответственно.
@bugfeature | #полезно #telegram
Горячие клавиши VSCode для ускорения работы. Часть 1
Все мы знаем, что использование горячих клавиш – это секрет настоящих мастеров кода. Вот некоторые из горячих клавиш в Visual Studio Code, которые помогут вам ускорить ваш рабочий процесс:
Создать структуру документа
«!+Tab»
Это сочетание клавиш за секунду создаёт базовую структуру кода или вложенные теги в html документе.
Быстрый комментарий
«Ctrl+/», «Command+/» для MacOS
Тапните в любом месте строки, и строка закомментируется. А если строка уже с комментарием, то комментарий исчезнет.
Перейти к строке под номером
«Ctrl+G», «Control+G» для MacOS
Полезно, когда нужно переместиться к какой-то нужной строке в большом документе. Чтобы не выискивать вручную, нажмите комбинацию и введите номер целевой строчки.
Передвинуть строку выше/ниже соседней
«Alt+↑/↓», «Option+↑/↓» для MacOS
Комбинация передвинет строку на одну выше или ниже соседней.
Дублировать строку
«Shift+Alt+↓/↑», «Shift+Option+↓/↑» для MacOS
Это для тех, кто не хочет копировать и вставлять несколько раз одно и то же.
@bugfeature | #полезно #программирование
Валидатор вёрстки
Validator представляет собой неоценимый помощник для всех веб-разработчиков и владельцев сайтов, позволяя легко и быстро проверить валидность написанного HTML-кода.
Невалидный HTML может привести к различным проблемам, начиная от непредсказуемого отображения на различных устройствах и браузерах и заканчивая низким рейтингом в поисковой выдаче.
Сервис предлагает простой в использовании интерфейс, который позволяет вставить свой HTML-код. После проверки выдаст подробный отчет о найденных ошибках. Это может быть что-то от неправильно закрытых тегов до несоответствия синтаксису HTML5.
@bugfeature | #инструмент #разработка
Когда нужен поддельный JSON
Когда вы работаете над новым проектом или тестируете библиотеку, часто возникает необходимость в фейковых данных. Но использование реального API может быть громоздким и времязатратным.
JSONPlaceholder предоставляет простой и легкий в использовании REST API для получения фальшивых данных. Он похож на заполнитель изображений, но только для разработчиков. Инструкция по использованию доступна в гайде по ссылке.
Вы можете использовать его для демонстрации вашего кода, настройки примеров, для локального тестирования и прототипирования приложений. Исходный код проекта доступен на GitHub.
Сервис предлагает широкий спектр эндпоинтов для различных типов данных: пользователи, посты, комментарии, альбомы, фотографии и др. Инструмент позволяет сосредоточиться на разработке, минуя необходимость в сложной настройке сторонних API.
@bugfeature | #полезно #разработка
Используем iPhone в качестве камеры
EpocCam позволяет легко превратить твой iPhone в высококачественную вебкамеру для ПК. Никаких сложных настроек или специальных устройств – просто установи приложение на свой телефон и компьютер.
Это первая программная веб-камера с поддержкой линз (масок) Snapchat, которыми можно управлять жестами без отрыва от трансляции или чата. Размывайте задний план или используйте хромакейный зеленый экран.
Вы можете создавать виртуальные аватары, добавлять на экран мультяшных персонажей, красить волосы в самые безумные цвета. Поддерживается подключение как по USB, так и по Wi-Fi, что позволяет использовать iPhone как веб-камеру без привязки к стационарному месту работы.
Доступна трансляция в высоком разрешении и с качеством 1080p, настройка ярких светлых участков и глубокие тени. Точная регулировка фокуса съемки, трансляция без водяных знаков и переключение между телефото, широко- и сверхширокоугольной камерами.
@bugfeature | #полезно #инструмент