elfsight — более 90 виджетов для вебсайтов без необходимости кодить

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

#инструменты #фронтенд

Impatiently Waiting — элемент загрузки на HTML и SCSS

Больше лоадеров богу лоадеров! На этот раз предлагаем вам познакомиться с забавным вариантом, который нарисован с помощью SVG и анимирован с помощью SCSS.

С кодом проекта можно ознакомиться по ссылке: https://codepen.io/jkantner/pen/VwooLxv

#codepen #svg #scss #лоадер

Что такое траст сайта: подробный разбор и выводы

Траст сайта (от англ. «доверие») — уровень доверия поисковой системы к сайту. Если поисковая система доверяет сайту, то будет лучше и быстрее выводит сайт в топ, многое позволять и на многое закрывать глаза.

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

#видео #seo

Performance и оптимизация TypeScript-типов в больших проектах

Большие TypeScript-проекты на практике часто представляют собой монорепозитории, в которых может быть сотни и даже тысячи модулей, интерфейсов и типов. На ранних этапах роста всё кажется вполне управляемым, но в определённый момент мы начинаем замечать, что время компиляции становится слишком большим, а IDE начинает работать ощутимо медленнее.

В этой статье вы узнаете, почему TypeScript захлёбывается в крупных проектах, какие подходы и практики помогут оптимизировать типы и как проводить диагностику узких мест в процессах компиляции и разработки.

#typescript

Необычные эффекты по ховеру, или введение в React-Spring

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

В этой статье вы узнаете, как сделать интересные эффекты наведения с помощью хуков React:

https://habr.com/ru/company/kts/blog/670234/

#react

Продвинутый бэкенд на Node.js

В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.

https://youtu.be/dDeWWQWMM-Y

#бэкенд #nodejs #nestjs #postgresql

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

Шок! Леди Гага слила свой приватный SSH-ключ.

Кидайте в комменты варианты для чего он.

Признавайтесь, кто тоже только что узнал?

pyscript.net

@zen_of_python

Кто в IT зарабатывает больше всех: статистика 2025 года

Максимальный рост зарплат в прошлом году наблюдался... Угадайте у кого? Правильно, у разработчиков 1С. А средняя зарплата у опытного фронтенд-разработчика составляет в районе 350к рублей. Сейчас зарплаты в айти растут в геометрической прогрессии, правда, как и требования к самим программистам и разработчикам.

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

Рунет прилёг отдохнуть

Прямо сейчас наблюдается масштабный сбой в работе интернета по всей России. У пользователей не работают соцсети, популярные ресурсы и не загружаются многие приложения, включая банковские.

Почувствовали на себе?

Упрощаем создание SVG-фигур

Если вам необходимо быстро создать фигуру необычной формы с помощью SVG, то попробуйте воспользоваться Blobmaker. Он позволяет быстро сгенерировать «кляксу» нужной вам формы всего в несколько нажатий. Выберите количество необходимых точек фигуры, а затем насколько она должна быть кривой и сохраните её. Вы также можете скопировать код и сразу вставить на страницу.

Работает бесплатно, попробуйте сами: https://www.blobmaker.app/

#инструменты #фронтенд

Слайдер настроения на чистом JS

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

Создан он с помощью SCSS и JS. Забрать код в свой проект или изучить подробнее можно по ссылке на codepen.

#codepen #слайдер #ui

Дорожная карта фронтенд-разработчика

Полезное видео для тех, кто решил изучать фронтенд-разработку. Здесь собрана актуальная информация о том, что сегодня стоит учить, чтобы поскорее прокачать навыки, а на что тратить время не нужно. Помимо трёх китов фронтенда — HTML, CSS, JS — здесь упомянуто много других технологий, которые вам пригодятся.

#видео #фронтенд

CSS-вишлист 2025

Что бы вы добавили в CSS в этом году? Каждый год язык обрастает новыми возможностями и этот не исключение. Мы не знаем наверняка, что именно попадёт в релизную версию, но можем с вами пофантазировать, как это сделали ребята в этой статье. Они предлагают добавить if(), новые атрибуты в link() и многое другое.ъ

Со всеми идеями можете ознакомиться в материале, а пока напишите в комментариях, чего вам не хватает в CSS сегодня.

#css

Как сделать анимацию разными способами

Во фронтенде существует куча способов создать анимации: HTML + CSS, Canvas, SVG, WebP, Lottie и так далее. Каждый из вариантов даёт различные преимущества.

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

#фронтенд #css #canvas

Помоги сделать Tproger интереснее 

Друзья, мы ищем тех, кто:
— Пишет код (и иногда испытывают к нему почти родственные чувства).
— Работает с данными, инфраструктурой или тестированием (и гордится этим).
— Управляет проектами, командой (или хотя бы котом).
— Просто интересуется IT.

Сейчас нам очень важно ваше мнение про Tproger и как сделать его лучше. Займёт не более 2-3 минут, если ни на что не отвлекаться.

Ссылка на анкету: https://tprg.ru/zmo2

#tproger

Это не его закрыли с сеньорами на одном проекте. Это их закрыли с ним.

Как парсить сайты в обход защиты от парсинга?

На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.

На Хабре есть неплохой гайд. Делимся с вами: https://habr.com/ru/post/710982/

#linux #html #javascript #сsharp

Крутая анимация перехода с перспективой при скролле

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

Посмотреть код можно тут: https://codepen.io/GreenSock/pen/YzbPYMx

#codepen