Какое решение принять?
Anonymous Poll
71%
Оптимизировать существующие узлы, сохраняя их структуру
29%
Полностью заменить архитектуру узлов, создавая новую сеть
Современные способы управления контентом
Переключатели — это не просто удобный интерфейсный элемент, а способ улучшить взаимодействие пользователя с вашим сайтом. Они делают контент структурированным, понятным и легко доступным, а современные методы позволяют создавать быстрые и аккуратные интерфейсы.
В этой статье разбираются:
— современные методы создания аккордеонов и подсказок;
— как использовать элементы
— почему минимализм в веб-разработке сегодня так важен.
Подробности: https://css-tricks.com/the-different-and-modern-ways-to-toggle-content/
#фронтенд #css
Переключатели — это не просто удобный интерфейсный элемент, а способ улучшить взаимодействие пользователя с вашим сайтом. Они делают контент структурированным, понятным и легко доступным, а современные методы позволяют создавать быстрые и аккуратные интерфейсы.
В этой статье разбираются:
— современные методы создания аккордеонов и подсказок;
— как использовать элементы
<details> и <dialog> для улучшения UX;— почему минимализм в веб-разработке сегодня так важен.
Подробности: https://css-tricks.com/the-different-and-modern-ways-to-toggle-content/
#фронтенд #css
#простымисловами: Почему изображения тормозят сайты и что делать
Адаптивные изображения — это не только про красоту, но и про производительность. С помощью таких техник, как использование современных форматов, оптимизация размеров, ленивой загрузки и сервиса CDN, вы можете уменьшить размер загружаемых данных, улучшить пользовательский опыт и ускорить ваш сайт.
Начните с малого: проверьте текущие изображения на сайте и попробуйте применить хотя бы пару советов из этих карточек — разницу вы заметите сразу!
Адаптивные изображения — это не только про красоту, но и про производительность. С помощью таких техник, как использование современных форматов, оптимизация размеров, ленивой загрузки и сервиса CDN, вы можете уменьшить размер загружаемых данных, улучшить пользовательский опыт и ускорить ваш сайт.
Начните с малого: проверьте текущие изображения на сайте и попробуйте применить хотя бы пару советов из этих карточек — разницу вы заметите сразу!
This media is not supported in your browser
VIEW IN TELEGRAM
Perspective Loader на чистом CSS
Вы, скорее всего, видели этот шуточный ролик, где показывается почему на самом деле лоадер прерывается во время загрузки или установки.
Пользователь CodePen решил повторить его во фронтенде и сделал анимацию, которая работает исключительно на HTML и CSS.
Посмотреть код можно здесь:
https://codepen.io/jh3y/pen/xxWdOQy
#codepen #css
Вы, скорее всего, видели этот шуточный ролик, где показывается почему на самом деле лоадер прерывается во время загрузки или установки.
Пользователь CodePen решил повторить его во фронтенде и сделал анимацию, которая работает исключительно на HTML и CSS.
Посмотреть код можно здесь:
https://codepen.io/jh3y/pen/xxWdOQy
#codepen #css
Forwarded from Инструменты программиста
HellPot | Бесконечный honeypot для HTTP-ботов
Этот инструмент отправляет непослушных ботов в ад. запускает бесконечный поток данных, чтобы они теряли свои «души». В его основе движок, что использует фрагменты произведений Ницше. Написан на Go, поддерживает конфиги в .toml.
Цена: бесплатно
Репозиторий проекта
⚡ — актуально
🗿 — Бог миловал
@prog_tools
Этот инструмент отправляет непослушных ботов в ад. запускает бесконечный поток данных, чтобы они теряли свои «души». В его основе движок, что использует фрагменты произведений Ницше. Написан на Go, поддерживает конфиги в .toml.
Цена: бесплатно
Репозиторий проекта
⚡ — актуально
🗿 — Бог миловал
@prog_tools
Vite 6.0: Новые возможности и будущее веб-разработки
26 ноября вышла новая мажорная версия Vite, которая принесла много нового. Например:
1. новое экспериментальное API для переменных окружения;
2. обновление поддержки версий Node.js;
3. значение по умолчанию для resolve.conditions;
4. JSON stringify;
5. расширенная поддержка ссылок на ассеты в элементах HTML;
6.
7. Sass теперь использует modern API по умолчанию;
8. кастомизация CSS названий файлов на выходе в library mode.
Более подробно о каждом обновлении в статье.
#новости #vite
26 ноября вышла новая мажорная версия Vite, которая принесла много нового. Например:
1. новое экспериментальное API для переменных окружения;
2. обновление поддержки версий Node.js;
3. значение по умолчанию для resolve.conditions;
4. JSON stringify;
5. расширенная поддержка ссылок на ассеты в элементах HTML;
6.
postcss-load-config;7. Sass теперь использует modern API по умолчанию;
8. кастомизация CSS названий файлов на выходе в library mode.
Более подробно о каждом обновлении в статье.
#новости #vite
RUINSWORD: Многопользовательский шутер с открытым миром для браузера на JS/TS, Three и Vue
Вот по-настоящему амбициозный проект, который на 100% раскрывает возможности современных браузеров. Несмотря на то, что сейчас доступна только бета-версия, мы с вами можем оценить объём проделанной работы и даже поиграть.
Если вам хочется попробовать игру самостоятельно и вы не боитесь багов бета-версии, то кликайте по ссылке. А если вам интересно узнать технические подробности проекта и почитать с какими трудностями столкнулся разработчик, то залетайте в статью.
#gamedev #vue #threejs
Вот по-настоящему амбициозный проект, который на 100% раскрывает возможности современных браузеров. Несмотря на то, что сейчас доступна только бета-версия, мы с вами можем оценить объём проделанной работы и даже поиграть.
Если вам хочется попробовать игру самостоятельно и вы не боитесь багов бета-версии, то кликайте по ссылке. А если вам интересно узнать технические подробности проекта и почитать с какими трудностями столкнулся разработчик, то залетайте в статью.
#gamedev #vue #threejs
Какое решение принять?
Anonymous Poll
31%
Добавить новые каналы для балансировки данных
69%
Создать резервный узел, чтобы распределить нагрузку
Media is too big
VIEW IN TELEGRAM
Подробный урок по Vite для начинающих
Vite — это инструмент для сборки и сервер для современной веб-разработки. Он опережает по скорости Webpack и использует множество современных возможностей браузеров.
В этом видео мы с вами рассмотрим установку и настройку Vite, а также его работу с React приложением, создание модулей, глобальных переменных и многое другое.
#vite #video
Vite — это инструмент для сборки и сервер для современной веб-разработки. Он опережает по скорости Webpack и использует множество современных возможностей браузеров.
В этом видео мы с вами рассмотрим установку и настройку Vite, а также его работу с React приложением, создание модулей, глобальных переменных и многое другое.
#vite #video
This media is not supported in your browser
VIEW IN TELEGRAM
Новогодний генератор снежинок на JS
Сейчас на codepen проходит новогодний челленедж. Каждая неделя — новая тема. Прошлая была посвящена снежинкам и хочу показать вам один проект, который там отметился. Это генератор снежинок, написанный на JavaScript.
Ключевой его особенностью является то, что все снежинки генерируются рандомно благодаря особому алгоритму. Это может оказаться удобно, если вам нужно добавить на сайт, например, эффект падающих снежинок.
Посмотреть принцип работы кода можно на странице проекта.
#codepen #javascript
Сейчас на codepen проходит новогодний челленедж. Каждая неделя — новая тема. Прошлая была посвящена снежинкам и хочу показать вам один проект, который там отметился. Это генератор снежинок, написанный на JavaScript.
Ключевой его особенностью является то, что все снежинки генерируются рандомно благодаря особому алгоритму. Это может оказаться удобно, если вам нужно добавить на сайт, например, эффект падающих снежинок.
Посмотреть принцип работы кода можно на странице проекта.
#codepen #javascript
Бесплатный курс по Node.js для Web3
Metalamp запустила новый бесплатный курс для разработчиков, которые хотят погрузиться в Web3 и бэкенд-разработку. В рамках программы вы поэтапно освоите ключевые концепции: работу с асинхронным кодом, создание серверных приложений, взаимодействие с базами данных, разработку ботов и работу с блокчейн-сетями.
Программа состоит из теоретического блока и пяти практических заданий, каждое из которых помогает освоить определенные технологии и шаблоны разработки. Шаг за шагом вы будете учиться применять различные подходы и инструменты. После прохождения всех этапов у вас будут как теоретические знания, так и практические навыки для создания современных приложений на Node.js.
Начать можно по ссылке.
#курс #web3 #nodejs
Metalamp запустила новый бесплатный курс для разработчиков, которые хотят погрузиться в Web3 и бэкенд-разработку. В рамках программы вы поэтапно освоите ключевые концепции: работу с асинхронным кодом, создание серверных приложений, взаимодействие с базами данных, разработку ботов и работу с блокчейн-сетями.
Программа состоит из теоретического блока и пяти практических заданий, каждое из которых помогает освоить определенные технологии и шаблоны разработки. Шаг за шагом вы будете учиться применять различные подходы и инструменты. После прохождения всех этапов у вас будут как теоретические знания, так и практические навыки для создания современных приложений на Node.js.
Начать можно по ссылке.
#курс #web3 #nodejs