Бросаем кости на рандом с CSS random()
Как вы могли догадаться из заголовка, в CSS появилась функция random(), которая позволяет генерировать случайные значения для ваших стилей — позиции, цвета, размера и так далее.
Попробовать пока что её можно в Safari Technology Preview. А узнать о ней подробнее и посмотреть как же всё-таки кидать с помощью неё кости, можно в статье: https://webkit.org/blog/17285/rolling-the-dice-with-css-random/
#css
Как вы могли догадаться из заголовка, в CSS появилась функция random(), которая позволяет генерировать случайные значения для ваших стилей — позиции, цвета, размера и так далее.
Попробовать пока что её можно в Safari Technology Preview. А узнать о ней подробнее и посмотреть как же всё-таки кидать с помощью неё кости, можно в статье: https://webkit.org/blog/17285/rolling-the-dice-with-css-random/
#css
🔥7👍3🤩1
Forwarded from Точка входа в программирование
Если вкратце, то:
💊 — если сидишь уже дольше 2 часов не вставая
@prog_point #здровье
Please open Telegram to view this post
VIEW IN TELEGRAM
🫡6👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Как работает балансировка нагрузки
Веб-приложенияv со временем уже не хватает одного сервера. Для этого часто приложение разворачивается сразу на нескольких серверах. И чтобы всё работало чётко, ещё нужно наладить балансировщик нагрузки. Он будет распределять входящие запросы, чтоб ваша система не упала на пике.
Но как балансировщик делает это? Мы подготовили статью, где вы узнаете принципы распределения запросов — от простых алгоритмов до актуальных решений.
#бэкенд
Веб-приложенияv со временем уже не хватает одного сервера. Для этого часто приложение разворачивается сразу на нескольких серверах. И чтобы всё работало чётко, ещё нужно наладить балансировщик нагрузки. Он будет распределять входящие запросы, чтоб ваша система не упала на пике.
Но как балансировщик делает это? Мы подготовили статью, где вы узнаете принципы распределения запросов — от простых алгоритмов до актуальных решений.
#бэкенд
👍6❤5
This media is not supported in your browser
VIEW IN TELEGRAM
Мини-игра «Выровни картину»
Отличный пример pet-проекта. Взяв его за основу, вы сможете сделать собственную игру и поместить её в портфолио.
А ещё это хороший способ занять ребёнка на какое-то время, пока вы обдумываете, как пофиксить очередной баг.
Проект выполнен с помощью SVG, SCSS и библиотеки GSAP.js.
Посмотреть код можно по ссылке:
https://codepen.io/a-trost/pen/jOZXdoP
#codepen
Отличный пример pet-проекта. Взяв его за основу, вы сможете сделать собственную игру и поместить её в портфолио.
А ещё это хороший способ занять ребёнка на какое-то время, пока вы обдумываете, как пофиксить очередной баг.
Проект выполнен с помощью SVG, SCSS и библиотеки GSAP.js.
Посмотреть код можно по ссылке:
https://codepen.io/a-trost/pen/jOZXdoP
#codepen
👍8🔥5❤1
Используйте простейшие рабочие решения
Я тут к вам с неожиданным тейком пришёл. Автор статьи, которую я вам предлагаю прочитать, считает, что вот эти все сложные архитектуры, поиск идеального решения для будущего масштабирования — трата времени. Выбирать надо самый простой путь из возможных. Причём аргументация у него вполне адекватная и логичная, прочитать её можно в материале.
А вы согласны с ним?
Я тут к вам с неожиданным тейком пришёл. Автор статьи, которую я вам предлагаю прочитать, считает, что вот эти все сложные архитектуры, поиск идеального решения для будущего масштабирования — трата времени. Выбирать надо самый простой путь из возможных. Причём аргументация у него вполне адекватная и логичная, прочитать её можно в материале.
А вы согласны с ним?
😁12
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы не представляете свою жизнь без VS Code, то теперь ещё меньше поводов покидать его
Нашёл для вас расширение, в котором вы можете рисовать прям внутри редактора. Может пригодиться, если нужно накидать какой-то набросок или нарисовать схему приложения.
Забираем по ссылке.
#vscode #инструменты
Нашёл для вас расширение, в котором вы можете рисовать прям внутри редактора. Может пригодиться, если нужно накидать какой-то набросок или нарисовать схему приложения.
Забираем по ссылке.
#vscode #инструменты
👍17❤7
This media is not supported in your browser
VIEW IN TELEGRAM
Используем @starting-style для ваших CSS-анимаций
Вы слышали о правиле
Как это работает рассказал Джош Комо в своей новой статье.
#css #фронтенд
Вы слышали о правиле
@starting-style? Это новый инструмент, который позволяет использовать CSS-переходы при появлении элемента. Он сильно упрощает вёрстку, освобождая от костылей и делая код чище.Как это работает рассказал Джош Комо в своей новой статье.
#css #фронтенд
🔥11❤3👍1
В чем отличие Map от обычного объекта?
В JavaScript и объекты, и Map позволяют хранить пары «ключ–значение», но у них разное назначение и поведение.
Объект ({}):
0️⃣ Это базовая структура для описания сущностей.
1️⃣ Ключи у объекта всегда строки или символы. Если использовать число или объект как ключ, он будет преобразован в строку.
2️⃣ У объекта есть прототип, поэтому в нём могут появляться унаследованные свойства, что иногда приводит к коллизиям.
3️⃣ Перебор возможен, но порядок ключей не всегда гарантирован и зависит от движка.
4️⃣ Чаще всего объект применяют как структуру данных для описания сущности с фиксированными полями.
Map:
0️⃣ Это специальная коллекция именно для работы с ассоциативными массивами.
1️⃣ Ключами могут быть любые типы: строки, числа, объекты, функции и даже NaN.
2️⃣ В Map порядок вставки элементов всегда сохраняется, и он учитывается при итерации.
3️⃣ У неё есть встроенные методы (set, get, has, delete, size), что делает работу с коллекцией удобнее.
4️⃣ Map не имеет прототипных ключей, только те, что явно добавлены.
5️⃣ За счёт внутренней оптимизации операции поиска и вставки выполняются быстрее, чем в объекте, особенно при большом количестве записей.
#вопросответ
Объект ({}):
Map:
#вопросответ
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔7👍4❤1🔥1🤯1
Forwarded from Точка входа в программирование
10 ошибок, которые портят ваши проекты на React и Next JS
Иногда мы сами себе усложняем жизнь, выбирая неправильные решения. В этом видео разобраны 10 таких ситуаций — от неправильного размещения логики в компонентах до неэффективной загрузки данных.
Посмотрите и, возможно, узнаете здесь себя.
#react #nextjs
Иногда мы сами себе усложняем жизнь, выбирая неправильные решения. В этом видео разобраны 10 таких ситуаций — от неправильного размещения логики в компонентах до неэффективной загрузки данных.
Посмотрите и, возможно, узнаете здесь себя.
#react #nextjs
YouTube
10 ОШИБОК, которые ЛОМАЮТ ваши ПРОЕКТЫ!
🔥 Забрать подписку и получить интенсив next js 15 бесплатно при выходе (потом подписки не будет!) - https://htmllessons.link/vPHheBx
❤️ Отзывы тут - https://t.me/htmllessons_reviews
🦋 Наш ТГ канал - https://t.me/redgroup
Забрать сервисы Kubernetes со скидкой…
❤️ Отзывы тут - https://t.me/htmllessons_reviews
🦋 Наш ТГ канал - https://t.me/redgroup
Забрать сервисы Kubernetes со скидкой…
👎4❤1🔥1
Гайд по 2FA и MFA: как правильно внедрить многофакторную аутентификацию
По данным IBM, компрометация учётных данных стала топ-вектором атак со средней ценой ошибки $4,81 млн. Обычной связки «пароль + код из СМС» уже недостаточно для обеспечения безопасности данных.
Сегодня всё востребованнее становится двухфакторная и многофакторная аутентификация, которые предлагают более сложные методы проверок. Так уже работают некоторые банки, криптобиржи и другие сервисы, требующие действительно тщательной проверки.
В статье рассказываем, какие варианты внедрения MFA есть сегодня, что обеспечивает безопасность и как сделать безопасность удобной для пользователей. А ещё дарим чек-лист для успешного внедрения 2FA и MFA.
#безопасность
По данным IBM, компрометация учётных данных стала топ-вектором атак со средней ценой ошибки $4,81 млн. Обычной связки «пароль + код из СМС» уже недостаточно для обеспечения безопасности данных.
Сегодня всё востребованнее становится двухфакторная и многофакторная аутентификация, которые предлагают более сложные методы проверок. Так уже работают некоторые банки, криптобиржи и другие сервисы, требующие действительно тщательной проверки.
В статье рассказываем, какие варианты внедрения MFA есть сегодня, что обеспечивает безопасность и как сделать безопасность удобной для пользователей. А ещё дарим чек-лист для успешного внедрения 2FA и MFA.
#безопасность
🔥3❤2👍1
Go Cookbook — кулинарная книга для гошников
На этом сайте собрана обширная коллекция полезных фрагментов кода на Go, примеров и рецептов для создания эффективных, надёжных и масштабируемых приложений.
Заходите, находите решение под вашу задачу и просто копируйте.
#golang
На этом сайте собрана обширная коллекция полезных фрагментов кода на Go, примеров и рецептов для создания эффективных, надёжных и масштабируемых приложений.
Заходите, находите решение под вашу задачу и просто копируйте.
#golang
🔥7❤3
Почему Next.js ломает архитектуру и мешает строить масштабируемые системы
Разработчик и архитектор Харшал Патил жестко раскритиковал Next.js, назвав его «инструментом рендеринга, притворяющимся фреймворком». По его словам, система нарушает базовые принципы проектирования и только ухудшает разработку.
Подробнее можно прочитать у нас на сайте.
А вы согласны с ним?
#nextjs
Разработчик и архитектор Харшал Патил жестко раскритиковал Next.js, назвав его «инструментом рендеринга, притворяющимся фреймворком». По его словам, система нарушает базовые принципы проектирования и только ухудшает разработку.
Подробнее можно прочитать у нас на сайте.
А вы согласны с ним?
#nextjs
🔥17💩5
Веб-страница
Вам больше не нужен JavaScript И не потому, что вы будете писать на другом языке. Просто сегодня CSS и HTML могут заменить значительную часть JS-кода. Здесь собраны интересные решения CSS, которые сегодня отлично работают и освобождают вас от необходимости…
JavaScript, отдохни! Делаем интерактивные вещи на HTML и CSS
Продолжаем делиться современными возможностями HTML и JS. Здесь собрали ещё пачку кейсов, где вы можете сократить количество JS-кода и облегчить свой сайт.
#javascript #html #css
Продолжаем делиться современными возможностями HTML и JS. Здесь собрали ещё пачку кейсов, где вы можете сократить количество JS-кода и облегчить свой сайт.
#javascript #html #css
❤6👍3
Как работать с Auto Layout в Figma
Небольшой видеоурок, в котором вы за 5 минут научитесь пользоваться Авто лейаутом, поймёте зачем он нужен и чем может быть полезен.
Полезно и дизайнерам, и фронтендерам.
#figma #видео #дизайн
Небольшой видеоурок, в котором вы за 5 минут научитесь пользоваться Авто лейаутом, поймёте зачем он нужен и чем может быть полезен.
Полезно и дизайнерам, и фронтендерам.
#figma #видео #дизайн
YouTube
Авто лейаут / Auto layout в Figma за 5 минут
Заказать сайт: https://a.yrokiwp.ru
Коммерческие запросы: https://t.me/dmitry_litvi
В этом видео Максим покажет, как пользоваться таким инструментом, как Авто лейаут (Auto layout), расскажет о том, зачем он нужен и чем может быть полезен. Видео учитывает…
Коммерческие запросы: https://t.me/dmitry_litvi
В этом видео Максим покажет, как пользоваться таким инструментом, как Авто лейаут (Auto layout), расскажет о том, зачем он нужен и чем может быть полезен. Видео учитывает…
🔥2
Представьте, что вам выпала возможность передать себе из прошлого совет
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
😁2
Лучшие практики для ускорения фронтенда: чек-лист 2025 года
Скорость сайта — ключ к удержанию пользователей и росту конверсии. Этот чек-лист объединяет лучшие практики оптимизации фронтенда, которые помогут сделать ваш веб-проект быстрее и эффективнее. Узнайте, как сократить время загрузки и улучшить пользовательский опыт, независимо от платформы.
#фронтенд
Скорость сайта — ключ к удержанию пользователей и росту конверсии. Этот чек-лист объединяет лучшие практики оптимизации фронтенда, которые помогут сделать ваш веб-проект быстрее и эффективнее. Узнайте, как сократить время загрузки и улучшить пользовательский опыт, независимо от платформы.
#фронтенд
🔥5❤2👍2
Forwarded from Типичный программист
This media is not supported in your browser
VIEW IN TELEGRAM
Почему гиперссылки синие? Всё просто — этот цвет нравился их создателю
Оказывается, ссылки в браузерах выделяются синим просто потому, что этот цвет нравился Марку Андриссену — одному из создателей NCSA Mosaic, первого массового веб-браузера.
В эпоху 256-цветных мониторов он просто выбрал синий из палитры, потому что остальные не понравились. Никаких тестов, аналитики и UX — чисто вкусовщина.
Уровень уверенности💪
Оказывается, ссылки в браузерах выделяются синим просто потому, что этот цвет нравился Марку Андриссену — одному из создателей NCSA Mosaic, первого массового веб-браузера.
В эпоху 256-цветных мониторов он просто выбрал синий из палитры, потому что остальные не понравились. Никаких тестов, аналитики и UX — чисто вкусовщина.
Уровень уверенности
Please open Telegram to view this post
VIEW IN TELEGRAM
👍44❤8