FontsNinja
Сайт с огромным набором шрифтов, где можно найти, скачать (бесплатно или платно) понравившийся и сохранить в свою коллекцию.
https://fonts.ninja/
Сайт с огромным набором шрифтов, где можно найти, скачать (бесплатно или платно) понравившийся и сохранить в свою коллекцию.
https://fonts.ninja/
👍14🔥1🤔1
Очищаем куки в браузере с помощью закладки
Однострочник, который можно добавить в закладки, чтобы быстро очистить куки на текущей странице. Короткая заметка с подробностями того, как это работает.
https://henry.codes/writing/a-bookmarklet-for-clearing-cookies-for-the-current-page/
Однострочник, который можно добавить в закладки, чтобы быстро очистить куки на текущей странице. Короткая заметка с подробностями того, как это работает.
https://henry.codes/writing/a-bookmarklet-for-clearing-cookies-for-the-current-page/
👍6💩4🔥3🤯1
Хорошая анимация vs отличная анимация
Мелкие детали, на которые стоит обратить внимание, чтобы улучшить вашу анимацию.
https://emilkowal.ski/ui/good-vs-great-animations
Мелкие детали, на которые стоит обратить внимание, чтобы улучшить вашу анимацию.
https://emilkowal.ski/ui/good-vs-great-animations
❤10🔥4🍌2
Применение генераторов
Исследование итераторов, итерируемых объектов и генераторов в JavaScript от Алекса Мак Артура: примеры использования генераторов для создания последовательностей и то, как они могут улучшить эргономику кода.
https://macarthur.me/posts/generators/
Исследование итераторов, итерируемых объектов и генераторов в JavaScript от Алекса Мак Артура: примеры использования генераторов для создания последовательностей и то, как они могут улучшить эргономику кода.
https://macarthur.me/posts/generators/
👍6⚡2❤2🤔1
Форматирование console.log
Несколько способов сделать вывод логов практичнее и удобнее.
https://developer.chrome.com/docs/devtools/console/format-style
Несколько способов сделать вывод логов практичнее и удобнее.
https://developer.chrome.com/docs/devtools/console/format-style
❤16👍5🔥1
JavaScript, when is this?
Как работает ключевое слово this в JavaScript и как контекст выполнения и стек вызовов влияют на его значение.
https://piccalil.li/blog/javascript-when-is-this/
Как работает ключевое слово this в JavaScript и как контекст выполнения и стек вызовов влияют на его значение.
https://piccalil.li/blog/javascript-when-is-this/
👍5🔥1🤔1
🚀 Почему пользователи платят $30 за простой конвертер картинок? Давайте разберемся.
Кирилл из комьюнити создал простой продукт всего за один месяц, внедрив метод, которой уже принес результат.
Как он это сделал:
1️⃣ Анализ спроса: через поисковые запросы он увидел, что много людей ищут конвертацию «HEIC to JPG».
2️⃣ Фокус на главном: удалил всё лишнее, оставив только функцию конвертации в один клик.
3️⃣ Скорость внедрения: за 30 дней сделал запуск без перфекционизма.
Посты про конвертер (ч.1, ч.2)
Что из этого получилось:
— Доход $500 в месяц с тенденцией роста.
— Более $10K заработано на конвертере.
— $0 на рекламу, всего $40 в месяц на сервер.
Выводы:
— Люди платят за удобство, даже если есть бесплатные аналоги.
— Продукт функционирует автоматически с минимальной поддержкой.
— Быстрая и экономичная проверка идеи может быть успешной.
Результаты из комьюнити билдеров:
— Более 400 запусков по этой методике.
— Некоторые продукты уже набрали от 50К до 100К+ пользователей.
Присоединяйтесь к @its_capitan — следите за процессом разработки, продвижения и узнайте, сколько можно заработать на таких микро-продуктах.
Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2VtzqxiBDac
Кирилл из комьюнити создал простой продукт всего за один месяц, внедрив метод, которой уже принес результат.
Как он это сделал:
1️⃣ Анализ спроса: через поисковые запросы он увидел, что много людей ищут конвертацию «HEIC to JPG».
2️⃣ Фокус на главном: удалил всё лишнее, оставив только функцию конвертации в один клик.
3️⃣ Скорость внедрения: за 30 дней сделал запуск без перфекционизма.
Посты про конвертер (ч.1, ч.2)
Что из этого получилось:
— Доход $500 в месяц с тенденцией роста.
— Более $10K заработано на конвертере.
— $0 на рекламу, всего $40 в месяц на сервер.
Выводы:
— Люди платят за удобство, даже если есть бесплатные аналоги.
— Продукт функционирует автоматически с минимальной поддержкой.
— Быстрая и экономичная проверка идеи может быть успешной.
Результаты из комьюнити билдеров:
— Более 400 запусков по этой методике.
— Некоторые продукты уже набрали от 50К до 100К+ пользователей.
Присоединяйтесь к @its_capitan — следите за процессом разработки, продвижения и узнайте, сколько можно заработать на таких микро-продуктах.
Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2VtzqxiBDac
❤7🔥4❤🔥2👎1
Полное руководство по регулярным выражениям в JS
Большой гайд по регуляркам: синтаксис, флаги, операторы, классы, группировки, методы работы в JS.
https://www.honeybadger.io/blog/javascript-regular-expressions/
Большой гайд по регуляркам: синтаксис, флаги, операторы, классы, группировки, методы работы в JS.
https://www.honeybadger.io/blog/javascript-regular-expressions/
👍11🔥3❤2
Среда выполнения JavaScript простым языком
Движок, Event Loop и очереди задач.
https://habr.com/ru/companies/gnivc/articles/910918/
Движок, Event Loop и очереди задач.
https://habr.com/ru/companies/gnivc/articles/910918/
👍9🔥3❤2👎1
10 фич Node.js v24 о которых вы, возможно, не знали
Встроенный тест раннер, поддержка TS, --env флаг для работы с переменными окружения, встроенная SQLite и ещё несколько фишек, упрощающих разработку.
https://blog.logrocket.com/node-js-24-features/
Встроенный тест раннер, поддержка TS, --env флаг для работы с переменными окружения, встроенная SQLite и ещё несколько фишек, упрощающих разработку.
https://blog.logrocket.com/node-js-24-features/
👍9❤5🔥4
Простые базовые правила дизайна, которым можно следовать всегда
При разработке дизайна приложений есть много тонкостей и нюансов, и человек который не очень умеет в дизайн, может легко запутаться. Энтони Хобдей делится простыми правилами, которым можно следовать, если вам нужно сделать просто и красиво.
https://anthonyhobday.com/sideprojects/saferules/
При разработке дизайна приложений есть много тонкостей и нюансов, и человек который не очень умеет в дизайн, может легко запутаться. Энтони Хобдей делится простыми правилами, которым можно следовать, если вам нужно сделать просто и красиво.
https://anthonyhobday.com/sideprojects/saferules/
1❤9👍4
Forwarded from Web Stack
Стилизация alt текста
Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось.
https://css-tricks.com/you-can-style-alt-text-like-any-other-text/
Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось.
https://css-tricks.com/you-can-style-alt-text-like-any-other-text/
1🔥6❤5👍1
Defuddle: извлекаем основной контент с веб страниц
Удаляем коменты, сайдбары, хедеры, футеры и прочее при парсинге с Defuddle.
https://github.com/kepano/defuddle
Удаляем коменты, сайдбары, хедеры, футеры и прочее при парсинге с Defuddle.
https://github.com/kepano/defuddle
👍10❤1⚡1🔥1😁1
10 обновлений с прошедшей Google I/O 2025
CSS карусели, DevTools с AI, Prompt API c возможностью нескольких модальных окон и другие итоги.
https://developer.chrome.com/blog/web-at-io25
CSS карусели, DevTools с AI, Prompt API c возможностью нескольких модальных окон и другие итоги.
https://developer.chrome.com/blog/web-at-io25
👍7🔥5❤2
prompt-kit
UI kit c Доступными и кастомизируемыми компонентами для приложений с AI.
https://www.prompt-kit.com/
UI kit c Доступными и кастомизируемыми компонентами для приложений с AI.
https://www.prompt-kit.com/
🔥10👍4❤2😁2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем сетку с товарами
Красивый и ненавязчивый эффект для приложения с товарами.
Демо | Github
https://tympanus.net/codrops/2025/05/27/animated-product-grid-preview-with-gsap-clip-path/
Красивый и ненавязчивый эффект для приложения с товарами.
Демо | Github
https://tympanus.net/codrops/2025/05/27/animated-product-grid-preview-with-gsap-clip-path/
👍12🔥5❤2⚡2
Алгоритмы JavaScript
Репозиторий со сборником алгоритмов от простых задач с манипуляциями со строкой до продвинутых задач поиска и сортировки.
https://github.com/AllThingsSmitty/javascript-algorithms
Репозиторий со сборником алгоритмов от простых задач с манипуляциями со строкой до продвинутых задач поиска и сортировки.
https://github.com/AllThingsSmitty/javascript-algorithms
🔥21❤3⚡2
Подкаст Веб-стандарты. Выпуск 476
Google I/O, Baseline, доступность, TypeScript на Go, вайб-тестинг, MCP на GraphQL
https://web-standards.ru/podcast/476/
Google I/O, Baseline, доступность, TypeScript на Go, вайб-тестинг, MCP на GraphQL
https://web-standards.ru/podcast/476/
🔥5👍4❤2
HTML5 элементы о которых вы не знали, что они вам нужны
Очередной кликбейтный заголовок, но все же есть парочка интересных тегов, которые могут быть полезны (например <datalist>, <output>, <time>).
https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan
Очередной кликбейтный заголовок, но все же есть парочка интересных тегов, которые могут быть полезны (например <datalist>, <output>, <time>).
https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan
🔥10👍3⚡1
Анимируем открытие модального окна
Используем функцию shape для задания параметров движения модального окна при открытии.
https://frontendmasters.com/blog/move-modal-in-on-a-shape/
Используем функцию shape для задания параметров движения модального окна при открытии.
https://frontendmasters.com/blog/move-modal-in-on-a-shape/
👍12❤3👀1