TGViewer
Channel Public Channel
Webchic - frontend, backend, ci/cd

Webchic - frontend, backend, ci/cd

@webchic

Канал о Web разработке, для фронтов и full stack.

По рекламе @adtgassetsbot
Admin: @Aleksei

🐍Python - @python_lounge
👨‍💻Другие языки - @cccoding
🥷Хакер/ИТ безопасность - @it_ha
Open in Telegram
Subscribers
995
Photos
273
Videos
22
Links
1.1K

Showing posts older than #133 · Back to latest

Older Posts 20 shown
Post #132 875
Браузерные api для отслеживания элементов страницы:
— Resize Observer: наблюдение за изменениями размеров элемента
 —  Performance Observer : наблюдение за метками для замера производительности

https://indepth.dev/observer-apis-in-javascript-part-ii
Angularindepth Angular in Depth Unlock the power of software engineering at its core with Angular in Depth!
Post #131 875
Перевод статьи Joshua Comeau о программировании с помощью микрофона и трекера движения глаз:
— Talon Voice для диктовки текста программы
— tobii 5 - для трекинга движения глаз

https://habr.com/ru/company/vdsina/blog/524664/
Joshwcomeau Hands-Free Coding Earlier this year, I lost the ability to use a keyboard and mouse for extended periods. Fortunately, this wasn't as catastrophic as it sounds! This article chronicles my experience using adaptive tools like dictation and eye-tracking as my primary mechanisms…
Post #130 921
Браузерные api для отслеживания элементов страницы:
— MutationObserver: оповещение о измении children элементов в отслеживаемом элементе, оповещение о изменении аттрибута
— IntersectionObserver: отслеживание попадания элемента во viewport

https://indepth.dev/observer-apis-in-javascript-part-i
Angularindepth Angular in Depth Unlock the power of software engineering at its core with Angular in Depth!
Post #128 996
​​Анимация svg цветочка с помощью TweenMax
Post #125 1.03K
Оптимизация Javascript анимации:
— requestAnimationFrame вместо setTimeout и setInterval
— избегание форсирования синхронизации layout
— Web Animations API для запуска javascript анимаций в compositor thread
— Intersection Observer для отслеживания пересечения с областью видимости документа

https://www.viget.com/articles/animation-performance-101-optimizing-javascript/
MDN Web Docs Using the Web Animations API - Интерфейсы веб API | MDN Web Animations API позволяет нам создать анимацию и управлять её воспроизведением с помощью JavaScript. Эта статья будет правильным руководством для старта c весёлыми демками и уроками с Алисой в Стране Чудес.
Post #124 1K
​​Радио с помощью одного div элемента и css
Post #123 961
Оптимизация анимаций
— Стадии отрисовки элементов браузером: Style->Layout->Paint->Composite Layers.
— Main Thread, Compositor Thread - пересчет на CPU или GPU.
— Какие свойства лучше всего использовать в анимации

https://www.viget.com/articles/animation-performance-101-browser-under-the-hood/
https://www.viget.com Animation Performance 101: Browser Under the Hood | Viget Your ultimate guide to animation performance — starting from the ground up.
Post #122 1.09K
Layoutit - открытое программное обеспечение для построения и изучения CSS Grid
Post #120 1.06K
​​Настройка Github Actions для автоматического деплоя сайта после изменения мастер ветки
YouTube Automatic Deployment With Github Actions In this video we will setup automatic deployments using Github Actions. Anson's YouTube Channel: https://www.youtube.com/user/DatAdam93 Github Actions Page: https://github.com/features/actions Timestamps: 0:00 - Introduction & Demo 3:07 - Setting up Github…
Post #119 1.16K
Хорошие советы от опытного интервьюера William Ian Douglas про софт скилловую часть интервью и как подготовиться к решению технических задач

https://habr.com/ru/post/524186/
Хабр Я провёл более 600 технических интервью — и вот пять проблемных мест, которые я заметил у кандидатов Недавно я провёл 600-е собеседование на interviewing.io (IIO). Хотелось бы поделиться опытом, рассказать, как я подхожу к интервью, и пролить свет на типичные пр...
Post #118 1.02K
​​Анимация текста в canvas
Post #117 951
Большинство вариантов по оптимизации фронтенд части сайта, собранные в одной статье:
— Алгоритмы сжатия
— Lazy Loading
— Partial Hydration
— Tree shaking
— Минификация
— использование более “компактных” библиотек и другие советы

https://levelup.gitconnected.com/the-ultimate-guide-to-modern-web-application-performance-ec4eec9939
Medium The ultimate guide to modern web application performance After reading this you will be able to boost your application speed beyond the limits. Good luck!
Post #116 922
Отличия HTTP 1 от HTTP 2 и что обещают в третьей версии протокола?

https://nuancesprog.ru/p/10080/
NOP::Nuances of programming От HTTP до HTTP 3  -  интернета будущего HTTP расшифровывается как протокол передачи гипертекста. Это набор правил, используемых при доставке веб-страниц с серверов в ваш браузер. HTTPS означает, что тот же протокол используется на уровне шифрования для защиты данных.
Post #115 786
​​Изометрическая анимация на чистом css
Post #113 743
Как изменилась логика кэширования ресурсов с 86-й версии Google Chrome.
Причина изменения: увеличение безопасности и конфиденциальности, но есть и обратная сторона - трафик за ресурсами возрос на 4%

https://developers.google.com/web/updates/2020/10/http-cache-partitioning?hl=ru
Google Developers Gaining security and privacy by partitioning the cache | Web Chrome's HTTP cache partitioning helps with better security and privacy.
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →