Telegram Web Link
Schema

Библиотеке для определения и использования схем для проверки и преобразования данных в TypeScript.

https://github.com/Effect-TS/schema

👉 @frontend_1
👍3🥰2🎉1
Croner

Запускайте функции или обрабатывайте выражения cron на JavaScript или TypeScript. Никаких зависимостей. Большинство функций. Node. Deno. Bun. Браузер.

// Basic: Run a function at the interval defined by a cron expression
const job = Cron('*/5 * * * * *', () => {
console.log('This will run every fifth second');
});

// Enumeration: What dates do the next 100 sundays occur on?
const nextSundays = Cron('0 0 0 * * 7').nextRuns(100);
console.log(nextSundays);

// Days left to a specific date
const msLeft = Cron('59 59 23 24 DEC *').nextRun() - new Date();
console.log(Math.floor(msLeft/1000/3600/24) + " days left to next christmas eve");

// Run a function at a specific date/time using a non-local timezone (time is ISO 8601 local time)
// This will run 2024-01-23 00:00:00 according to the time in Asia/Kolkata
Cron('2024-01-23T00:00:00', { timezone: 'Asia/Kolkata' }, () => { console.log('Yay!') });


https://github.com/hexagon/croner

👉 @frontend_1
👍3
SVG в вебе. Практическое руководство.

Мы живём в век пикселей. Как дизайнеры и разработчики в вебе, пиксели могут быть нам как друзьями, так и врагами. Мы хотим, чтобы всё выглядело красиво и чётко для всех, кто пользуется нашими сайтами, и нам необходимо уменьшать размеры файлов для улучшения производительности. В общем-то, есть только один способ для иконок, логотипов и иллюстраций — это SVG. Масштабируемая векторная графика (Scalable Vector Graphics) позволяет изображению выглядеть чётко на мониторе с любым разрешением, при этом иметь очень маленький размер файла и легко поддаваться редактированию и изменениям.

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

https://svgontheweb.com/ru/#preparation

👉 @frontend_1
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
Знаете ли вы, что в CSS можно определить поворот с помощью блока `turn`? 🤩

👉 @frontend_1
🔥23👍10
Разбираем HTTP/2 по байтам

Откройте любую статью с обзором HTTP/1.1. Скорее всего, там найдётся хотя бы один пример запроса и ответа, допустим, такие:


GET / HTTP/1.1
Host: localhost


HTTP/1.1 200 OK
Date: Sat, 09 Oct 2010 14:28:02 GMT
Server: Apache
Content-Length: 38
Content-Type: text/html; charset=utf-8

<!DOCTYPE html>
<h1>Привет!</h1>

https://habr.com/ru/companies/timeweb/articles/751338/

👉 @frontend_1
👍2
Совет по HTML 💡

Для большей безопасности и конфиденциальности пользователей всегда устанавливайте rel="noreferrer" для всех внешних ссылок на важных страницах .

👉 @frontend_1
👍10🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по использованию инструментов Chrome Dev Tools 💡

Иногда бывает сложно разработать/отладить стили для различных состояний элемента, таких как hover, focus, active и т. д.
Узнайте, как можно принудительно перевести элемент в такие состояния, чтобы легко разрабатывать/отлаживать стили для этих состояний 👆

👉 @frontend_1
👍8🥰2🥱2
This media is not supported in your browser
VIEW IN TELEGRAM
Создание отзывчивого макета с помощью областей CSS grid 👨‍💻🚀

👉 @frontend_1
👍10🔥4👎3🎉1
Подборка Telegram каналов для программистов

Системное администрирование 📌
https://www.tg-me.com/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://www.tg-me.com/sysadminof Книги для админов, полезные материалы
https://www.tg-me.com/i_odmin Все для системного администратора
https://www.tg-me.com/i_odmin_book Библиотека Системного Администратора
https://www.tg-me.com/i_odmin_chat Чат системных администраторов
https://www.tg-me.com/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://www.tg-me.com/sysadminoff Новости Линукс Linux


https://www.tg-me.com/tikon_1 Новости высоких технологий, науки и техники💡
https://www.tg-me.com/mir_teh Мир технологий (Technology World)

https://www.tg-me.com/rust_lib Полезный контент по программированию на Rust
https://www.tg-me.com/golang_lib Библиотека Go (Golang) разработчика

https://www.tg-me.com/itmozg Программисты, дизайнеры, новости из мира IT.
https://www.tg-me.com/phis_mat Обучающие видео, книги по Физике и Математике

https://www.tg-me.com/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://www.tg-me.com/nodejs_lib Подборки по Node js и все что с ним связано
https://www.tg-me.com/ruby_lib Библиотека Ruby программиста

1C разработка 📌
https://www.tg-me.com/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++📌
https://www.tg-me.com/cpp_lib Библиотека C/C++ разработчика
https://www.tg-me.com/cpp_knigi Книги для программистов C/C++
https://www.tg-me.com/cpp_geek Учим C/C++ на примерах

Программирование Python 📌
https://www.tg-me.com/pythonofff Python академия. Учи Python быстро и легко🐍
https://www.tg-me.com/BookPython Библиотека Python разработчика
https://www.tg-me.com/python_real Python подборки на русском и английском
https://www.tg-me.com/python_360 Книги по Python Rus

Java разработка 📌
https://www.tg-me.com/BookJava Библиотека Java разработчика
https://www.tg-me.com/java_360 Книги по Java Rus
https://www.tg-me.com/java_geek Учим Java на примерах

GitHub Сообщество 📌
https://www.tg-me.com/Githublib Интересное из GitHub

Базы данных (Data Base) 📌
https://www.tg-me.com/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://www.tg-me.com/developer_mobila Мобильная разработка
https://www.tg-me.com/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка 📌
https://www.tg-me.com/frontend_1 Подборки для frontend разработчиков
https://www.tg-me.com/frontend_sovet Frontend советы, примеры и практика!
https://www.tg-me.com/React_lib Подборки по React js и все что с ним связано

Разработка игр 📌
https://www.tg-me.com/game_devv Все о разработке игр

Вакансии 📌
https://www.tg-me.com/sysadmin_rabota Системный Администратор
https://www.tg-me.com/progjob Вакансии в IT

Чат программистов📌
https://www.tg-me.com/developers_ru

Библиотеки 📌
https://www.tg-me.com/book_for_dev Книги для программистов Rus
https://www.tg-me.com/programmist_of Книги по программированию
https://www.tg-me.com/proglb Библиотека программиста
https://www.tg-me.com/bfbook Книги для программистов
https://www.tg-me.com/books_reserv Книги для программистов

БигДата, машинное обучение 📌
https://www.tg-me.com/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://www.tg-me.com/bookflow Лекции, видеоуроки, доклады с IT конференций
https://www.tg-me.com/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://www.tg-me.com/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://www.tg-me.com/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://www.tg-me.com/thehaking Канал о кибербезопасности
https://www.tg-me.com/xakep_1 Статьи из "Хакера"

Книги, статьи для дизайнеров 📌
https://www.tg-me.com/ux_web Статьи, книги для дизайнеров

Английский 📌
https://www.tg-me.com/UchuEnglish Английский с нуля

Математика 📌
https://www.tg-me.com/Pomatematike Канал по математике

Excel лайфхак📌
https://www.tg-me.com/Excel_lifehack
1💩1👾1
Совет по использованию инструментов Chrome Dev Tools 💡

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

👉 @frontend_1
👍8🥰1
TypeScript: infer и conditional types. Продвинутый TS на примерах

Продолжаем погружаться в продвинутый TypeScript. В этой статье рассмотрим conditional types, посмотрим на реализацию с примерами, узнаем какую роль играют ключевые слова extends и infer.

Статья предназначена для тех, кто хочет научиться уверенно пользоваться инструментом. Навыки помогут типизировать вам более сложные объекты в разработке крупных проектов.

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

👉 @frontend_1
👍7👎1
Slice vs. Splice в JavaScript

👉 @frontend_1
👍8🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Узнайте о селекторах CSS nth-child из этого урока 🚀

👉 @frontend_1
👍10🔥3
Раскрывая магию: изучение реактивности на различных фреймворках

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

https://www.builder.io/blog/reactivity-across-frameworks

👉 @frontend_1
👍3
Совет по CSS 💡

Знаете ли вы, что с помощью CSS можно легко обрезать многострочный текст?

👉 @frontend_1
👍11
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS 💡

Простая реализация скролл снаппинг с помощью CSS

👉 @frontend_1
👍111
This media is not supported in your browser
VIEW IN TELEGRAM
Аутентификация GitHub в Next.js 13 с помощью NextAuth

👉 @frontend_1
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
В этом видео рассмотрим на что способен JavaScript!

источник

👉 @frontend_1
👍4🙈2
This media is not supported in your browser
VIEW IN TELEGRAM
Советы по HTML 💡

Знаете ли вы, что с помощью элемента HTML <dialog> можно легко создать модал?

👉 @frontend_1
👍164🎉3
This media is not supported in your browser
VIEW IN TELEGRAM
Не нужно фотошопа, просто добавьте CSS

👉 @frontend_1
👍18👏32👎1
2025/07/10 23:01:31
Back to Top
HTML Embed Code: