Javascript js frontend
9.77K subscribers
459 photos
166 videos
15 files
322 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS или FrontEnd в целом - этот канал для вас.

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
Эффект размытия вместо тени на CSS

С тенями в CSS все довольно просто: объявляете свойство box-shadow, задаете смещения тени, определяете размытие и задаете цвет. Это отличный способ придать глубину тому, что в остальном было бы плоским дизайном!

Черпая вдохновение в тенях, автор статьи Яир Эвен Ор (Yair Even Or) создает нечто подобное, только с эффектом размытия вместо тени. В этой статье вы получите пошаговое объяснение того, как это делается с помощью комбинации масок, градиентов и старого доброго свойства backdrop-filter.

#css #ru
Как я запрограммировала собственный рукописный шрифт

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

#js #ru
2
Как добавить программируемый поиск от Google на свой сайт?

В этой статье мы разберем, как добавить на свой сайт программируемый поиск от Google. Начнем с создания поисковой системы, затем настроим ее и завершим все это дело получением кода системы и встраиванием его на свой сайт.

#js #ru
👍21
Web APIs, которые функционально приближают веб-приложения к нативным

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

#js #react #ru
👍1
Как использовать селектор :has() в CSS

По своей сути селектор :has() является реляционным псевдоклассом. Это означает, что он позволяет выбрать элемент на основе его отношений с другими элементами.

#css #ru
Декомпозиция — ваша суперсила

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

#js #angular #ru
Как сделать простой мини-календарь, выводящий текущий день?

В этой статье создадим мини-календарь с использованием HTML, CSS и JavaScript. Он будет отображать текущее число месяца, день недели, месяц и год. Вывод названия месяца и дня недели он будет осуществлять на том же языке, на котором отображается браузер.

#js #ru
👍3
await vs yield на примере Effection 3.0 и React

18 декабря 2023 года вышел релиз Effection 3.0 - типизированная альтернативна async/await на генераторах (Structured Concurrency and Effects for JavaScript).

В статье сравним подходы на генераторах и async/await и расскажу как использовать Effection в React для решения типичных проблем с асинхронным кодом:

- Race condition
- AbortController
- Clean up
- Debounce

#js #react #ru
👍1
Правильная модель авторизации для вашего приложения

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

#ru
1
Как я делал шрифтовые иконки. Совмещаем желание UX-дизайнеров и возможности фронтендеров

Фронтенд-разработчик поделился своим опытом создания набора иконок (icon pack).

#js #ru
👍4