𝗮𝘂𝘁𝗼𝗖𝗼𝗺𝗽𝗹𝗲𝘁𝗲.𝗷𝘀:

#JS #Library #iAutocomplete

https://thewhale.cchttps://thewhale.cc/posts/autocompletejs

This autocomplete resource is a simple pure vanilla Javascript library that's progressively designed for speed, high versatility and seamless integration with wide range of projects & systems. This library has been developed by Tarek Raafat.

Pomodoro Music, или свой Pomodoro таймер для музыки без вайбкодинга и приложений

Привет, Habr! Меня зовут Игорь и я разработчик на удалёнке, у меня, как и положено серьёзному разработчику, куча входящих сообщений и пиликающих мессенджеров. Сказать, что заниматся творческой деятельностью в виде написания кода в таких условиях сложно - ничего не сказать. Сотни уловок и ухищрений, секретных техник концентрации и полноразмерные наушники с активным шумоподалениям привзваны помагать мне выходить в астрал входить в состояния потока и укладыватся в дедлайны. Идея этой статьи родилась из коментария одного комментария @ Xregn к статье Как меньше отвлекаться и прокрастинировать... , где ребята обсуждали идею Pomodoro-таймера для spotify. Идея проста: заводишь таймер и влючаешь музыку, по истечении времени музыка должна встать на стоп. Супер, если можно слушать музыку с ноута, чтобы не переключать наушники с телефона на ноут и обратно, когда бегаешь по созвонам.

https://habr.com/ru/articles/1019968/

#музыка #метод_помидора #таймер #cssселекторы #js #javascript

Как получить палитру доминирующих цветов из изображения

Я фронтенд-разработчик, в основном работаю с React. И в одном из своих пет-проектов я столкнулся с задачей, где нужно автоматически извлекать доминирующие цвета из изображения — для генерации палитры. Начал разбираться, какие подходы вообще существуют, как это делают другие инструменты и что из этого можно реализовать прямо в браузере без тяжёлых зависимостей и серверной обработки. В итоге, получился стабильный и визуально адекватный результат даже на больших изображениях.

https://habr.com/ru/companies/gnivc/articles/1017060/

#color #javascript #работа_с_цветом #цвета #colors #js #canvas #алгоритмы #канвас #джаваскрипт

Как мы подружили фронтенд с четырьмя платформами и сократили время разработки в два раза

Если у вас одна платформа, фронтенд работает стабильно и предсказуемо. Но стоит добавить десктоп, мобильное приложение, PWA — и простая логика превращается в гору if-ов. Меня зовут Денис Кондратьев, я фронтенд-разработчик Точка Банк. В статье расскажу, как мы интегрировали наш мессенджер на четыре разные платформы (браузер, Electron, Capacitor, PWA) и сократили время адаптации новых фич в три раза.

https://habr.com/ru/companies/tochka/articles/1017312/

#платформы #js #html5 #паттерны_программирования #фабрика #наследование

【プログラミング初心者】Javasrcitptのオブジェクトを勉強する！！ ＃89（Day158）

https://www.emilyselect.com/%e3%80%90%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%88%9d%e5%bf%83%e8%80%85%e3%80%91javasrcitpt%e3%81%ae%e3%82%aa%e3%83%96%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e3%82%92%e5%8b%89/?feed_id=5317&_unique_id=69d2499c35956&Mastodon

#visualstudiocode #26卒 #CSS #cssセレクタ #freeCodeCamp #HTML #IT #JavaScript #js #Obsidian #pc #VScode #アプリ開発 #エンジニア #エンジニア就活 #エンジニア就職 #エンジニア転職 #ノートアプリ #パソコン #プログラミング #初心者エ...

Оживляем UI на мобилках с Sensor API

Речь пойдёт о реализации реакции веб-интерфейса на наклон устройства, смещение бликов, теней, для придания ему таким образом интерактивности и объёма. Device Orientation API существует уже давно . Мобильные устройства с гироскопом стали пожалуй основным окном для приложений и сайтов. Всевозможные эффекты "блеска" / градиентов в дизайне встречаются регулярно, тренд на эмоциональный дизайн и кажется пора это всё объединить! И ведь Apple выкатили эту фишку в liquid glass ! Но... лично по моему мнению, как-то не "дожали" или она померкла на фоне других нововведений... а жаль, я считаю реакцию ui на положение устройства гораздо более перспективной темой чем новая прозрачность с крутой физикой преломлений которую тут же все побежали повторять . В отличии от преломления фона, адекватная реакция на наклон устройства это не графон ради графона, а микро‑взаимодействие дающее ощущение контроля, отзывчивости, даже "живости" интерфейса. Ведь даже если пользователь не тапает по экрану - он очень даже взаимодействует с интерфейсом(смотрит/читает) и слегка "покачивает" телефон в руке, и UI на эти микродвижения уже чуть-чуть отвечает, маленькая физика (свет/тень/глубина), как будто элементы не нарисованы, а существуют как объекты... Ну это моё субъективное восприятие... тут есть похожие мысли про роль микровзаимодействий и баланс эмоций. Знаю что некоторых людей "лишние" анимации наоборот нервируют, или даже "укачивают", чтож... прекрасно что для них есть опция reduce-motion, для меня такой замечательной обратной опции "сделать красиво" нет ))) Если всё ещё не понятно о чём я, можете глянуть это видео : Блеск!

https://habr.com/ru/articles/1010328/

#sensors #ui #js #css #twa #tma #telegram #gyroscope #accelerometer

cssDOOM

Pure DOOM game rendered entire in CSS and run in JavaScript that can be played on any (popular) web browser.

🎮 https://cssdoom.wtf

#doom #gaming #css #browser #web #online #game #cssdoom #browsergame #onlinegaming #classicgames #javascript #js #webdev #classicgaming