Frontend Developer

100% CSS, 0% JavaScript Довольно круто, что теперь можно запускать такие анимации вне основного потока. Раньше всегда было волнительно реализовывать анимации при прокрутке, зная, что у некоторых пользователей могут быть лаги. Safari и Firefox слишком долго спят – анимации, управляемые прокруткой, просто потрясающие! ➡️ @byFrontDeveloper | дать буст

Эта огромная библиотека включает 180 тщательно подобранных CSS-градиентов, которые идеально подойдут для ваших проектов 😎 https://webgradients.com ➡️ @byFrontDeveloper | дать буст

Этот сайт - золотая жила для программистов! 🔥 +1500 бесплатных HTML шаблонов + компоненты пользовательского интерфейса. Здесь есть React, Angular, Vue, Astro, Next.js и многое другое! → http://htmlrev.com ➡️ @byFrontDeveloper | дать буст

Создавайте веб-страницы быстрее с помощью этого! Коллекция компонентов пользовательского интерфейса, которые можно копировать и вставлять. Совместим с React, Angular, Vue, Svelte и другими. Сделано с помощью Tailwind и легко настраивается. → http://layoutsfortailwind.lalokalabs.dev ➡️ @byFrontDeveloper | дать буст

Оцените эти 4 CSS-анимации для вашего следующего проекта ➡️ @byFrontDeveloper | дать буст

Хотите изучать и практиковать SQL без инсталляций? 🤔 Этот ресурс работает в вашем браузере... И вы можете создавать базы данных MySQL и PostgreSQL! Это бесплатно ⏩ http://sqlplayground.app ➡️ @byFrontDeveloper | дать буст

CSS в 2025 году - это чистая магия. Это совсем не JavaScript 🫵 Код и демонстрация здесь: https://codepen.io/giana/pen/BabdgjB?editors=1100 ➡️ @byFrontDeveloper | дать буст

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

Изучайте SQL быстрее! Этот сайт объясняет ключевые понятия с помощью аналогий ➖SQL, JavaScript, CSS, Git и многое другое С интерактивными учебниками → http://codeanalogies.com ➡️ @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 | дать буст

Сэкономьте часы с этим расширением кода! Создайте сервер для предварительного просмотра вашего сайта: - Изменения HTML, CSS и JS в режиме реального времени - Откройте браузер в том же редакторе - Обновляйте контент без сохранения Называется Live Preview и поставляется компанией Microsoft: ⏩ https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server ➡️ @byFrontDeveloper | дать буст

Китайская компания Alibaba только что анонсировала Animate Anyone 2. 😮 Этот искусственный интеллект может взять любое изображение персонажа и анимировать его с помощью реалистичных движений, органично вписывающихся в окружающую среду. ⏩ https://humanaigc.github.io/animate-anyone-2/ ➡️ @byFrontDeveloper | дать буст

21 бесплатная книга по программированию в PDF. 🔥 CSS, Go, HTML, JS, Python, React, SQL... → http://flaviocopes.com/books/ ➡️ @byFrontDeveloper | дать буст

Создайте пользовательский интерфейс вашего мобильного приложения React Native за считанные секунды. 🤓 → http://a0.dev ➡️ @byFrontDeveloper | дать буст

ИИ выходит из-под контроля. С помощью новой функции Ray 2 Image-to-Video компании Luma создаются безумные видеоролики. ➡️ @byFrontDeveloper | дать буст

Нашёл крутой ресурс для React-разработчиков — React Bits Это библиотека с анимированными UI-компонентами, которые можно легко интегрировать в проекты. В коллекции более 30 компонентов, включая кнопки, карточки, модальные окна и другие элементы интерфейса. Каждый компонент можно настроить под свои нужды, благодаря гибким пропсам и настройкам. Документация на сайте подробная и понятная, с примерами использования и возможностью взаимодействовать с компонентами прямо в браузере. ➡️ @byFrontDeveloper | дать буст

Новая версия plotly.js! Графическая библиотека с открытым исходным кодом для JavaScript В 2D, 3D, для карт, с анимацией и многое другое: https://plotly.com/javascript/ ➡️ @byFrontDeveloper | дать буст

Это отличный инструмент для легкой генерации макетов с сеткой и гибкой структурой. Проверьте! Ссылка: http://flexboxlabs.netlify.app Репо: http://github.com/prazzon/flexbox-labs ➡️ @byFrontDeveloper | дать буст

Это самая большая библиотека компонентов с открытым исходным кодом! → +5000 компонентов пользовательского интерфейса → HTML/CSS, Tailwind, React и Figma → Бесплатно для личного и коммерческого использования 🔜 uiverse․io ➡️ @byFrontDeveloper | дать буст