Бесплатная книга Shell Scripting с Node.js 😏

❯ HTML
https://exploringjs.com/nodejs-shell-scripting/toc.html

❯ PDF
https://exploringjs.com/nodejs-shell-scripting/downloads/nodejs-shell-scripting-book-preview.pdf

➡️ @byFrontDeveloper | дать буст

Новая версия plotly.js!

Графическая библиотека с открытым исходным кодом для JavaScript

В 2D, 3D, для карт, с анимацией и многое другое:

https://plotly.com/javascript/

➡️ @byFrontDeveloper | дать буст

Нашёл крутой ресурс для React-разработчиков — React Bits

Это библиотека с анимированными UI-компонентами, которые можно легко интегрировать в проекты.

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

Документация на сайте подробная и понятная, с примерами использования и возможностью взаимодействовать с компонентами прямо в браузере.

➡️ @byFrontDeveloper | дать буст

Создайте пользовательский интерфейс вашего мобильного приложения React Native за считанные секунды. 🤓

→ http://a0.dev

➡️ @byFrontDeveloper | дать буст

21 бесплатная книга по программированию в PDF. 🔥

CSS, Go, HTML, JS, Python, React, SQL...
→ http://flaviocopes.com/books/

➡️ @byFrontDeveloper | дать буст

Китайская компания Alibaba только что анонсировала Animate Anyone 2. 😮

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

⏩ https://humanaigc.github.io/animate-anyone-2/

➡️ @byFrontDeveloper | дать буст

Сэкономьте часы с этим расширением кода!

Создайте сервер для предварительного просмотра вашего сайта:

- Изменения HTML, CSS и JS в режиме реального времени
- Откройте браузер в том же редакторе
- Обновляйте контент без сохранения

Называется Live Preview и поставляется компанией Microsoft:
⏩ https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server

➡️ @byFrontDeveloper | дать буст

Это краткая шпаргалка по SQL, включающая основные команды, функции и концепции:

➖Основы: SELECT, FROM, WHERE, GROUP BY, HAVING, ORDER BY, LIMIT, операторы сравнения.

➖Агрегатные функции: MIN(), MAX(), AVG(), COUNT(), MEDIAN(), MODE(), STDDEV().

➖Строки: CONCAT(), REPLACE(), UPPER(), LOWER(), LEN(), LIKE, TRIM().

➖Даты: DAY(), MONTH(), YEAR(), DATE_ADD(), DATEDIFF(), DATE_FORMAT().

➖Объединения: INNER JOIN, LEFT JOIN, OUTER JOIN, SELF JOIN, ANTI JOIN.

➖Очистка данных: CAST(), COALESCE(), CASE WHEN, UNION, INTERSECT.

➖Оконные функции: SUM(), COUNT(), ROW_NUMBER(), RANK(), LEAD(), LAG().

➖Продвинутое: CTEs, подзапросы, UDFs, моделирование данных.

Полезно для быстрого написания SQL-запросов.

➡️ @byFrontDeveloper | дать буст

Изучайте SQL быстрее!

Этот сайт объясняет ключевые понятия с помощью аналогий

➖SQL, JavaScript, CSS, Git и многое другое

С интерактивными учебниками

→ http://codeanalogies.com

➡️ @byFrontDeveloper | дать буст

Я, иду поговорить с премьер-министром, который отругал младшего члена команды.

➡️ @byFrontDeveloper | дать буст

CSS в 2025 году - это чистая магия.

Это совсем не JavaScript 🫵

Код и демонстрация здесь:
https://codepen.io/giana/pen/BabdgjB?editors=1100

➡️ @byFrontDeveloper | дать буст

Хотите изучать и практиковать SQL без инсталляций? 🤔

Этот ресурс работает в вашем браузере...

И вы можете создавать базы данных MySQL и PostgreSQL!

Это бесплатно ⏩ http://sqlplayground.app

➡️ @byFrontDeveloper | дать буст

Оцените эти 4 CSS-анимации для вашего следующего проекта

➡️ @byFrontDeveloper | дать буст

Создавайте веб-страницы быстрее с помощью этого!
Коллекция компонентов пользовательского интерфейса, которые можно копировать и вставлять.

Совместим с React, Angular, Vue, Svelte и другими.
Сделано с помощью Tailwind и легко настраивается.

→ http://layoutsfortailwind.lalokalabs.dev

➡️ @byFrontDeveloper | дать буст

Этот сайт - золотая жила для программистов! 🔥

+1500 бесплатных HTML шаблонов + компоненты пользовательского интерфейса.

Здесь есть React, Angular, Vue, Astro, Next.js и многое другое!

→ http://htmlrev.com

➡️ @byFrontDeveloper | дать буст

Эта огромная библиотека включает 180 тщательно подобранных CSS-градиентов, которые идеально подойдут для ваших проектов 😎

https://webgradients.com

➡️ @byFrontDeveloper | дать буст

100% CSS, 0% JavaScript

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

Safari и Firefox слишком долго спят – анимации, управляемые прокруткой, просто потрясающие!

➡️ @byFrontDeveloper | дать буст

➡️ @byFrontDeveloper

Трюки для боковой панели с использованием CSS Переход элементов раскрытого меню к высоте "auto" с использованием grid.

li > div[inert] { grid-template-rows: 0fr; }
li > div {
  grid-template-rows: 1fr;
  transition: grid-template-rows .3s;
}


li > div[inert] { grid-template-rows: 0fr; } — Для элементов div, которые имеют атрибут inert, устанавливается строка сетки с высотой 0fr (то есть элемент не будет видимым).
li > div { grid-template-rows: 1fr; transition: grid-template-rows .3s; } — Для всех остальных элементов div в списке (li), высота строки сетки устанавливается как 1fr, что делает её доступной. Также добавляется плавный переход изменения высоты в течение 0.3 секунды.

🔜 Это позволяет плавно раскрывать и скрывать элементы в меню боковой панели с использованием CSS grid.

➡️ @byFrontDeveloper | дать буст