Как удалить неиспользуемые стили CSS на сайте

Большинство современных сайтов созданы на CMS. Причём, обычно системы управления включают в себя несколько шаблонов, с различными вариантами расположения блоков, с разными цветовыми схемами и с разным набором элементов. Разумеется, для всех этих элементов прописываются стили. Также, стили есть у плагинов. В итоге, получается набор стилей как минимум на полмегабайта, и штук 10 ссылок на разные файлы стилей, и это ещё в лучшем случае.


https://blog.lisogorsky.ru/remove-unused-css

8 простых UI приёмов чтобы сделать дизайн-прототип динамичным, не прибегая к анимации

Материал этой статьи является следствием моих дизайн-экспериментов и выводов за последний год-полтора непрерывного дизайн гринда. Я неустанно собирал ui kit’ы, экспериментировал с контентом в плейсхолдерах, стилями, тенями текстами и состояниями, чтобы понять влияет ли это на конверсию. Иначе говоря, смогу ли я увеличить продажи дизайн-продуктов для Figma, если добавлю немного визуальной динамики в статичные дизайн-макеты, чтобы сделать темплейты интереснее и функциональнее.


https://habr.com/ru/post/459964/

Balloon.css

Всплывающие подсказки на чистом css.

https://kazzkiq.github.io/balloon.css/

SmartMarket — единая точка доступа ко всем технологиям Сбера

💻 Хотите быть в курсе передовых технологий в IT? Регистрируйтесь на платформе SmartMarket!

Платформа позволяет решать IT-задачи любой сложности и использовать:

— Визуальный конструктор и фреймворки для создания приложений для виртуальных ассистентов Салют;
— Среду разработки на языках SmartApp DSL и JavaScript;
— Нейросетевые решения;
— Сервисы для хранения данных, отправки пушей, аналитики;
— FaaS-решение для событийно-ориентированных бессерверных вычислений;
— Веб-хостинг и многое другое.

А еще вы сможете монетизировать свои проекты в один клик, подключать голосовое управление и распознавание жестов и станете частью сообщества из 2500+ разработчиков!

Подробности по ссылке.

Next.js: подробное руководство. Итерация вторая

Next.js — это основанный на React фреймворк, предназначенный для разработки веб-приложений, обладающих функционалом, выходящим за рамки SPA, т.е. так называемых одностраничных приложений.

https://habr.com/ru/company/timeweb/blog/590157/

Нам задают много вопросов о технологическом конкурсе НТИ Up Great по Аэрологистике. Отвечаем на популярные:

Как были определены параметры технологического барьера — масса груза, дистанция и сценарий перевозки?

Барьер сформирован потребностями рынка. Мы усреднили все существующие и ожидаемые значения и получили: 50 кг груза и дистанцию в 1000 км.

Какие технологии и решения отсутствуют и будут разработаны в конкурсе?

Существует сразу несколько проблем:

— Низкая надежность беспилотного воздушного судна. Пока в мире никто не показал фактическую перевозку хотя бы 50 кг на 1000 км между несколькими получателями.

— Низкая автономность обслуживания. Держать специализированный персонал в каждой точке погрузки-разгрузки экономически невыгодно.

Как обеспечивается объективность?

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

Подробнее, FB и ВК

Хуки — это лучшее, что случилось с React

React — это самая популярная фронтенд-библиотека из экосистемы JavaScript. Она известна простотой использования и читабельностью кода, создаваемого с её применением. Это позволяет организациям самых разных масштабов успешно внедрять данную библиотеку. Но компоненты, основанные на классах, это громоздкие конструкции, с которыми непросто разобраться. Хуки позволяют работать с состоянием компонентов, с методами их жизненного цикла, с другими механизмами React без использования классов.

Rus https://habr.com/ru/company/ruvds/blog/587728/
Eng https://stackoverflow.blog/2021/10/20/why-hooks-are-the-best-thing-to-happen-to-react/

Системы поддержки принятия врачебных решений, которые разработают участники конкурса AI’M DOCTOR должны будут делать выводы на основе анализа комплекса информации о пациенте, включая медицинскую карту и протоколы осмотров. Также эти системы должны будут уметь обращаться к внешним базам медицинских знаний. При этом важнейшей характеристикой будет способность к проведению дифференциальной диагностики.

Значительную роль сыграет способность системы объяснить свои заключения. Для того, чтобы добиться этого, необходимо осуществить настоящий технологический прорыв, перейдя от «слабого» к «объясняющему» искусственному интеллекту. В данный момент логика работы ИИ-систем (Искусственного интеллекта) скрыта.

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

Подробнее о конкурсе НТИ Up Great AI’M DOCTOR, FB и ВК

Улучшайте свое знание JavaScript разбирая исходный код

Когда вы только начинаете карьеру программиста копание в исходном коде открытых библиотек и фреймворков может казаться чем-то страшным. В этой статье Карл Мунгази делится опытом как он поборол свой страх и стал использовать исходный код для приобретения знаний и развития навыков. Он также использует Redux чтобы показать как он «разбирает» библиотеку.

Rus https://habr.com/ru/post/460181/
Eng https://www.smashingmagazine.com/2019/07/javascript-knowledge-reading-source-code/

HTML — это и есть веб

Что нынче с HTML во фронтенде? В последнее время я разговаривал со многими разработчиками. Похоже, что некоторые даже не разбираются в HTML. В смысле, кое-что они понимают. Они понимают, что такое div и что такое span, и когда всё выглядит хорошо и работает по щелчку, им этого хватает. До такой степени, что многие на вопрос о HTML отвечают: «О, да я сейчас всё делаю в React или Vue». Но на самом деле не имеет значения, что вы пишете только Javascript. Если вы разрабатываете веб-сайты, то HTML — это самое главное для вас. Это и есть веб.

Rus https://habr.com/ru/post/459500/
Eng https://www.petelambert.com/journal/html-is-the-web