This media is not supported in your browser
VIEW IN TELEGRAM
Watching-you: анимация, которая следит за вами
JS-библиотека «Watching-you» специально создана для анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. Если нужного элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.
Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com
Посмотреть интересные примеры: https://jj811208.github.io/watching-you/
#javascript #библиотека
JS-библиотека «Watching-you» специально создана для анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. Если нужного элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.
Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com
Посмотреть интересные примеры: https://jj811208.github.io/watching-you/
#javascript #библиотека
This media is not supported in your browser
VIEW IN TELEGRAM
Как добавить видео с прозрачным фоном на веб-сайт
Джейк Арчибальд из Shopify поделился своими наработками по этому вопросу и предложил сразу несколько способов реализации этой возможности.
Все подробности в статье: https://jakearchibald.com/2024/video-with-transparency/
#фронтенд
Джейк Арчибальд из Shopify поделился своими наработками по этому вопросу и предложил сразу несколько способов реализации этой возможности.
Все подробности в статье: https://jakearchibald.com/2024/video-with-transparency/
#фронтенд
This media is not supported in your browser
VIEW IN TELEGRAM
Стильный переключатель на чистом CSS
Этот свитч сделан с использованием чистых HTML и CSS. Никакого SVG. Посмотреть, как это работает можно на странице проекта:
https://codepen.io/josetxu/pen/NWEPmGz
#html #css #codepen
Этот свитч сделан с использованием чистых HTML и CSS. Никакого SVG. Посмотреть, как это работает можно на странице проекта:
https://codepen.io/josetxu/pen/NWEPmGz
#html #css #codepen
Forwarded from Точка входа в программирование
Более 5 700 бесплатных векторных иконок для ваших проектов
Неважно чем вы занимаетесь — фронтенд, веб-дизайн, мобильная разработка и т.д. — эта коллекция иконок вам точно пригодится.
Все иконки доступны в SVG-формате абсолютно бесплатно. Просто переходите по ссылке и забирайте: https://tabler.io/icons
#инструменты
Неважно чем вы занимаетесь — фронтенд, веб-дизайн, мобильная разработка и т.д. — эта коллекция иконок вам точно пригодится.
Все иконки доступны в SVG-формате абсолютно бесплатно. Просто переходите по ссылке и забирайте: https://tabler.io/icons
#инструменты
Почему
Ваши тесты должны быть стабильными, потому что нет ничего хуже ненадёжного набора тестов. Кроме того, ваши тесты должны быть быстрыми, потому что никто не хочет часами ждать, пока вы получите зелёный свет, чтобы внедрить критически важное исправление. Но знаете ли вы, что выполнение тестов замедляется с помощью самого простого действия в Playwright — page.goto()?
В этой статье вы найдёте примеры и способы ускорить выполнение тестов Playwright, избежав этой проблемы:
https://www.checklyhq.com/blog/why-page-goto-is-slowing-down-your-playwright-test/
#playwright #qa
page.goto() замедляет ваши тесты PlaywrightВаши тесты должны быть стабильными, потому что нет ничего хуже ненадёжного набора тестов. Кроме того, ваши тесты должны быть быстрыми, потому что никто не хочет часами ждать, пока вы получите зелёный свет, чтобы внедрить критически важное исправление. Но знаете ли вы, что выполнение тестов замедляется с помощью самого простого действия в Playwright — page.goto()?
В этой статье вы найдёте примеры и способы ускорить выполнение тестов Playwright, избежав этой проблемы:
https://www.checklyhq.com/blog/why-page-goto-is-slowing-down-your-playwright-test/
#playwright #qa
Forwarded from Точка входа в программирование
Ошибки в архитектуре, которые совершали Netflix, Slack, Trello, Airbnb и другие компании
Даже у самого многообещающего стартапа и крупной компании могут встречаться типичные ошибки в архитектуре, которые могут всё разрушить.
Давайте раз и навсегда разберемся, как лучше не делать, и как избегать факапов. В статье собрали 10 самых распространенных: с примерами и способами решения.
Мастхэв к прочтению: https://tprg.ru/0lof
Даже у самого многообещающего стартапа и крупной компании могут встречаться типичные ошибки в архитектуре, которые могут всё разрушить.
Давайте раз и навсегда разберемся, как лучше не делать, и как избегать факапов. В статье собрали 10 самых распространенных: с примерами и способами решения.
Мастхэв к прочтению: https://tprg.ru/0lof
This media is not supported in your browser
VIEW IN TELEGRAM
Дизайнеры всё
Парень поделился плагином для Figma, который копирует дизайн любого сайта буквально в пару кликов. Просто отдаёте ему ссылку и получаете готовый дизайн, с которым можно работать как вам захочется.
#инструменты #дизайн #figma
Парень поделился плагином для Figma, который копирует дизайн любого сайта буквально в пару кликов. Просто отдаёте ему ссылку и получаете готовый дизайн, с которым можно работать как вам захочется.
#инструменты #дизайн #figma
Forwarded from Zen of Python
Самые «успешные» хакеры-воровайки использовали Python
Преступная группировка Carbanak, состоящая из хакеров украинской, литовской и других национальностей использовали Cobalt Strike — фреймворк для этичного хакинга на JavaScript + Python. Подробнее о том, как они наворовали более 1 млрд. долларов, можно узнать в новом подкасте Tproger.
Слушать на Яндекс. Музыке
Смотреть на YouTube
Другие способы слушать подкаст
Не скупитесь на лайки на Яндекс. Музыке, этим вы поможете проекту.
@zen_of_python
Преступная группировка Carbanak, состоящая из хакеров украинской, литовской и других национальностей использовали Cobalt Strike — фреймворк для этичного хакинга на JavaScript + Python. Подробнее о том, как они наворовали более 1 млрд. долларов, можно узнать в новом подкасте Tproger.
Слушать на Яндекс. Музыке
Смотреть на YouTube
Другие способы слушать подкаст
Не скупитесь на лайки на Яндекс. Музыке, этим вы поможете проекту.
@zen_of_python
Media is too big
VIEW IN TELEGRAM
6 проектов на React.js для начинающих
Если вы только недавно познакомились с React и хотите набить руку, то это видео вам поможет. Здесь автор рассказывает, как сделать 6 различных проектов:
00:04:09 Счётчик
00:10:13 Модальное окно
00:22:35 Quiz (опросник)
00:37:22 Список пользователей
01:07:36 Конвертер валют
01:34:18 Коллекция фотографий
Каждый из проектов может пополнить ваше портфолио и пригодиться вам в будущем.
#видео #react #начинающим
Если вы только недавно познакомились с React и хотите набить руку, то это видео вам поможет. Здесь автор рассказывает, как сделать 6 различных проектов:
00:04:09 Счётчик
00:10:13 Модальное окно
00:22:35 Quiz (опросник)
00:37:22 Список пользователей
01:07:36 Конвертер валют
01:34:18 Коллекция фотографий
Каждый из проектов может пополнить ваше портфолио и пригодиться вам в будущем.
#видео #react #начинающим
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript-разработчик набирает
npm install:Типизированные CSS переменные с @property
Наконец-то все ключевые браузеры стали поддерживать правило
В этой статье разобрались когда и почему традиционные резервные значения могут не сработать и как функции
#css
Наконец-то все ключевые браузеры стали поддерживать правило
@property, которое позволяет определять типы, а также наследование и начальное значение для пользовательских свойств.В этой статье разобрались когда и почему традиционные резервные значения могут не сработать и как функции
@property позволяют нам писать более безопасные и устойчивые определения пользовательских свойств CSS.#css
10 рекомендаций по повышению производительности от экспертов JS React
Прокачайте навыки разработки на React рекомендациями по повышению производительности в JavaScript. Здесь вы узнаете, как оптимизировать код и повысить эффективность приложений React. Освоив эти приемы, вы сможете выделиться в конкурентном мире веб-разработки.
#react #советы
Прокачайте навыки разработки на React рекомендациями по повышению производительности в JavaScript. Здесь вы узнаете, как оптимизировать код и повысить эффективность приложений React. Освоив эти приемы, вы сможете выделиться в конкурентном мире веб-разработки.
#react #советы
Полный супремITизм!
СупремITизм — целое искусство обучать цифровым профессиям. И именно это движение стало главной темой продуктовой презентации от «Школы 21», на которой мы недавно побывали.
«Школа 21» — про друзей, силу коммьюнити, поддержку внутри и реально интересный путь к профессии мечты.
Вот что еще узнали о «Школе»:
— Бесплатное обучение с нуля по методике «равный равному» — согласитесь, проще всего понять информацию, объяснив ее другу
— Гибкий график и кампусы 24/7 по всей России. Но самое крутое — возможность общаться и работать в команде с пирами из других городов
— Индивидуальный трек, который выстраивается с помощью нейронки, и несколько направлений — от разработки и DevOps до кибербезопасности и Data Science
— 100% студентов находят работу во время или после обучения
— Публичный цифровой профиль, чтобы работодатели сразу видели, какие вы крутые айтишники
— Геймификация — учитесь играя: зарабатывайте коины и ачивки (ну, или пенальти, если, например, заснете в кампусе)
Важно: «Школа 21» — про прокачку скилов на практике в кругу друзей. В общем, поступайте и узнавайте все сами.
СупремITизм — целое искусство обучать цифровым профессиям. И именно это движение стало главной темой продуктовой презентации от «Школы 21», на которой мы недавно побывали.
«Школа 21» — про друзей, силу коммьюнити, поддержку внутри и реально интересный путь к профессии мечты.
Вот что еще узнали о «Школе»:
— Бесплатное обучение с нуля по методике «равный равному» — согласитесь, проще всего понять информацию, объяснив ее другу
— Гибкий график и кампусы 24/7 по всей России. Но самое крутое — возможность общаться и работать в команде с пирами из других городов
— Индивидуальный трек, который выстраивается с помощью нейронки, и несколько направлений — от разработки и DevOps до кибербезопасности и Data Science
— 100% студентов находят работу во время или после обучения
— Публичный цифровой профиль, чтобы работодатели сразу видели, какие вы крутые айтишники
— Геймификация — учитесь играя: зарабатывайте коины и ачивки (ну, или пенальти, если, например, заснете в кампусе)
Важно: «Школа 21» — про прокачку скилов на практике в кругу друзей. В общем, поступайте и узнавайте все сами.