#css #tip

По мотивам поста с советом про отступы для вложенных радиусов: как использовать кастомные свойства, чтобы определить радиус вложенности элементов👇

.parent {
--nested-radius: calc(var(--radius) - var(--padding));
}
.nested {
border-radius: var(--nested-radius);
}

🔗 Код здесь

⌛️⚒ Croner — cron для JavaScript и TypeScript. Запускайте функции по расписанию по вашему выбору, используя классический синтаксис cron. Работает в Node, Deno, Bun и браузере в разных часовых поясах, предлагает обработку ошибок, защиту от переполнения и многое другое.

Для любопытных на JSFiddle есть живая демонстрация. Инструмент активно поддерживается — недавно выпущена версия 7.0.

🔗 GitHub

🔍Насколько легко «войти в айти»?

IT — перспективная отрасль с высокими зарплатами и огромной конкуренцией. Собираем ваши истории: расскажите, как вам удалось сменить профессию (или сразу найти себя), какие шаги вы для этого предприняли и с какими сложностями пришлось столкнуться.

👉Пройдите наш 10-минутный опрос по ссылке.

#javascript #tip by reactive_dude

Slice vs Splice в JavaScript: на заметку фронтенд-разработчику.

Hyperscript Tagged Markup (htm) — альтернатива JSX, использующая стандартные шаблоны с тегами, с поддержкой компилятора👇

🔸Используйте JSX-подобный синтаксис в простом JavaScript (транспилятор не требуется)
🔸Разрабатывайте с помощью React/Preact прямо в браузере, а затем компилируйте htm для продакшена
🔸Он использует стандартные JavaScript tagged templates и работает во всех современных браузерах

📌htm в цифрах:

🐣 < 600 байт при использовании непосредственно в браузере
⚛️ < 500 байт при использовании с Preact (спасибо gzip 🌈)
🥚 < 450 байт версия htm/mini
🏅 0 байт при компиляции с помощью babel-plugin-htm

🔗 GitHub

🚀Оптимизация валидации формы Angular с помощью отложенной загрузки: быстрый гайд с примерами

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

🔗 Читать

Собрали небольшую коллекцию для фронтенд-разработчика. Отлично подойдет, если пользуетесь готовыми шаблонами:

1⃣ Templated — коллекция простых HTML/CSS шаблонов
2⃣ Zerotheme — коллекция HTML/CSS шаблонов от дизайнера #Mik
3⃣ Html5up — коллекция элегантных, адаптивных и настраиваемых HTML/CSS шаблонов
4⃣ W3layouts — инициатива Hidayath по предоставлению бесплатных адаптивных шаблонов с поддержкой WordPress
5⃣ html5xcss3 — коллекция шаблонов, разработанных с учетом совместимости с экранами разных размеров

💬 Пользуетесь LinkedIn для поиска работы или других кейсов?

Больше «честных логотипов» от графического дизайнера Clif Dickens ищите на сайте.

👍 — конечно
🤔 — нет, он же заблокирован

🐛 9 признаков неопытного программиста

Давайте попробуем отделить зерна от плевел и вывести несколько общих признаков, по которым можно определить неопытного программиста.

🔗 Читать статью
🔗 Зеркало