Web разработка @htmlcssjavas Channel on Telegram

Web разработка

@htmlcssjavas


Самая акутальная информация для web разработчиков

По всем вопросам @haarrp

@channels_telegram - 🔥лучшие ит-каналы

@ai_machinelearning_big_data - машинное обучение

@programming_books_it - бесплатные it книги

@pythonl - 🐍

Web разработка (Russian)

Канал "Web разработка" приглашает всех web разработчиков на самые актуальные и интересные обсуждения и новости в мире веб-технологий. Здесь вы найдете самую свежую информацию, полезные советы и инсайты, которые помогут вам стать успешным специалистом в области веб-разработки. Если у вас возникают вопросы или вы хотели бы поделиться своим опытом, наш админ @haarrp всегда готов помочь вам. Кроме того, мы рекомендуем обратить внимание на другие интересные каналы, которые могут быть полезны для вас: @channels_telegram - лучшие IT-каналы, @ai_machinelearning_big_data - канал о машинном обучении, @programming_books_it - коллекция бесплатных IT-книг и @pythonl - канал о программировании на Python. Присоединяйтесь к нашему каналу и узнавайте первыми о самых важных событиях и трендах в сфере веб-разработки!

Web разработка

06 Dec, 11:16


Большая и интерактивная шпаргалка по CSS

Эта шпаргалка не просто список параметров, а наглядный инструмент для работы с атрибутами и настройками. Ползунки и кнопки позволяют настроить значения, а итоговый CSS-код легко копируется. Включены параметры для работы с цветами, обводками, шрифтами, тенями, анимациями и многим-многим другим.

Такое терять нельзя

#шпаргалка #css #frontend

Web разработка

02 Dec, 10:36


Крутая шпаргалка по CSS

Тут можно найти множество свойств CSS с их подробным описанием, примерами кода и визуальным объяснением — всё, чтобы можно было разобраться даже в самых сложных ситуациях.

Мастхев для верстальщиков: cssreference.io

#шпаргалка #css #frontend #en

Web разработка

10 Nov, 11:27


🖥 Курс: "Верстка простого сайта для самых маленьких, html/css подробное объяснение"!

🌟 Изучите шаг за шагом, как создать современный веб-макет с помощью HTML и CSS. Идеально подходит для новичков, желающих развить практические навыки в веб-разработке!

🕞 Продолжительность: 4:00:18

🔗 Ссылка: *клик*

#курс #html #css

Web разработка

26 Oct, 12:28


⚡️ Web Dev полый курс с нуля. Урок 1. Введение. План разработки

https://www.youtube.com/watch?v=l0Lq4p_ozhw

@htmlcssjavas

Web разработка

15 Oct, 12:23


CSS делает вещи

#ithumor

Web разработка

13 Oct, 08:45


🖥 Огромная шпаргалка по взаимодействиям с массивами в JavaScript!

📖 Читать: *клик*

@javascriptv

Web разработка

07 Oct, 09:09


👩‍💻 tiny_http — это легковесная, простая в использовании и легко встраиваемая HTTP-библиотека для C99. Она предназначена для быстрого создания небольших веб-приложений или обслуживания статических файлов

💡Основные особенности включают поддержку HTTPS (с OpenSSL), простую маршрутизацию, захват параметров пути и кросс-платформенную совместимость (Linux и macOS, с планами на поддержку Windows)

🌟 Библиотека минималистична, без потоков или многопроцессности, и предназначена для интеграции в старые кодовые базы на C и C++

🔐 Лицензия: MIT

▪️Github

@cpluspluc

Web разработка

02 Oct, 21:11


Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}


- Анимация изменения масштаба текста на видео-оверлее
- Выбивание текста с использованием SVG-фильтра
- Управление прокруткой

Web разработка

02 Oct, 17:39


DBT мессия, блажь или реальность дата-инженера?

8 октября приглашаем вас на бесплатный вебинар от учебного центра Слёрм! Встретимся с опытными специалистами из мира big data, чтобы обсудить:

👉 Как управлять жизненным циклом данных в мире победившего Modern Data Stack?
👉 Могут ли современные инструменты преобразить процесс Data Governance и сделать его простым и быстрым?
👉 Как разные компании и команды применяют dbt для решения задач Data Governance?

Эксперты встречи:
— Евгений Ермаков, руководитель платформы данных Tоlоkа.аi
— Николай Марков, Data Platform Lead в Altenar, спикер курсов Слёрма и ментор проекта «Где дата, Коль?»

⭐️ Когда: 8 октября в 19:00 мск
⭐️ Занять место на вебинаре — через бота.

Web разработка

30 Sep, 09:33


Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}


- Анимация изменения масштаба текста на видео-оверлее
- Выбивание текста с использованием SVG-фильтра
- Управление прокруткой

Web разработка

06 Sep, 08:54


Как работает SVG ViewBox

Данная статья с интерактивными примерами поясняет, как применять атрибут viewBox в SVG.

Raster vs. Vector
Render Image
Inline SVG
Coordinates
View Box
Pan & Zoom
Zoom to Square
Animate
React Spring
Scaling Stroke
Use Case

https://svg.bradwoods.io/lessons/viewbox

Web разработка

05 Sep, 12:27


Telegram бот на JavaScript: Полное руководство Урок 1. ВВедение

https://uproger.com/telegram-bot-na-javascript-polnoe-rukovodstvo/

@htmlcssjavas

Web разработка

26 Aug, 18:43


🖥 Бесплатный фоновый ремувер заднего фона, работающий в вашем браузере на базе WebGPU (с использованием transformer.js)

И да, он с открытым исходным кодом, так что вы можете развернуть свой собственный экземпляр в любом месте. https://github.com/ducan-ne/remove-bg

@javascriptv

Web разработка

22 Aug, 12:15


Трёхстраничная шпаргалка по REST API, с помощью которой вы узнаете:

— как называются части URL в контексте запроса;
— зачем нужны те или иные заголовки запросов (например, Accept-Charset / User-Agent);
— чем отличается код 300 от 500

#api #шпаргалка

Web разработка

14 Aug, 17:15


🤹 Магия clip-path в CSS

clip-path часто используется для обрезки узла DOM в определенные формы, например, треугольники. Но что, если использовать его для анимации?

Автор статьи погружается в clip-path и рассматривает некоторые из интересных вещей, которые вы можете с ним сделать. Как только вы прочтете ее, вы начнете видеть, что это свойство используется везде.

👉 Читать

Web разработка

07 Aug, 07:58


Десять советов по улучшению CSS-переходов и анимации

Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.

Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций:

https://joshcollinsworth.com/blog/great-transitions

#css

Web разработка

01 Aug, 07:02


​​​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#javascript #алгоритмы

Web разработка

17 Jul, 12:04


Music Player with slider - Музыкальный плеер со слайдером и выбором песен.

https://codepen.io/ecemgo/pen/vYPadZz

Web разработка

09 Jul, 07:17


Создаем платежную карту с эффектом переворачивания, используя только HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/payment-card-02

Web разработка

26 Jun, 09:54


Это самый милый плагин для VSCODE! Поставь его 😻

https://www.youtube.com/shorts/oimaj5JkVfY

@htmlcssjavas

Web разработка

16 Jun, 17:19


Нейросеть от Mozilla Сгенерирует Любой сайт за минуту!

https://www.youtube.com/shorts/UK6PofMD7ic

@htmlcssjavas

Web разработка

14 Jun, 09:18


Инструмент для добавления интерактивности HTML-страницам

Благодаря такому инструменту вы получаете доступ к AJAX, CSS Transitions, WebSockets и Server Sent Events прямо из HTML, без необходимости обрабатывать это всё на стороне JS. Так вы сможете сконцентрироваться на вёрстке и даже делать интерактивные страницы без знания JavaScript или CSS.

Ссылка на инструмент: htmx

#инструмент #web #frontend

Web разработка

13 Jun, 14:07


💡Border radius на CSS: полезные заметки для фронтенд-разработчика

#css #tips by David Mraz