¡Ya disponible! Investigación de Telegram 2025 — los principales insights del año 
WebTaverna /> js, css, html
Ir al canal en Telegram
Уютное местечко для Frontend-разработчиков admin: @WebT_admin
Mostrar más4 726
Suscriptores
-124 horas
-127 días
-3930 días
Carga de datos en curso...
Canales Similares
Nube de Etiquetas
Menciones Entrantes y Salientes
---
---
---
---
---
---
Atraer Suscriptores
junio '26
junio '26
+2
en 0 canales
mayo '26
+16
en 0 canales
Get PRO
abril '26
+18
en 0 canales
Get PRO
marzo '26
+13
en 0 canales
Get PRO
febrero '26
+18
en 0 canales
Get PRO
enero '26
+29
en 2 canales
Get PRO
diciembre '25
+32
en 0 canales
Get PRO
noviembre '25
+47
en 2 canales
Get PRO
octubre '25
+19
en 0 canales
Get PRO
septiembre '25
+22
en 0 canales
Get PRO
agosto '25
+14
en 0 canales
Get PRO
julio '25
+13
en 0 canales
Get PRO
junio '25
+26
en 0 canales
Get PRO
mayo '25
+22
en 0 canales
Get PRO
abril '25
+45
en 0 canales
Get PRO
marzo '25
+136
en 10 canales
Get PRO
febrero '25
+201
en 8 canales
Get PRO
enero '25
+260
en 3 canales
Get PRO
diciembre '24
+306
en 6 canales
Get PRO
noviembre '24
+327
en 10 canales
Get PRO
octubre '24
+956
en 40 canales
Get PRO
septiembre '24
+321
en 2 canales
Get PRO
agosto '24
+623
en 29 canales
Get PRO
julio '24
+156
en 2 canales
Get PRO
junio '24
+78
en 0 canales
Get PRO
mayo '24
+159
en 0 canales
Get PRO
abril '24
+248
en 2 canales
Get PRO
marzo '24
+292
en 1 canales
Get PRO
febrero '24
+69
en 0 canales
Get PRO
enero '24
+78
en 1 canales
Get PRO
diciembre '23
+10
en 0 canales
Get PRO
noviembre '23
+6
en 0 canales
Get PRO
octubre '23
+14
en 1 canales
Get PRO
septiembre '23
+15
en 0 canales
Get PRO
agosto '23
+81
en 0 canales
Get PRO
julio '23
+89
en 0 canales
Get PRO
junio '23
+121
en 0 canales
Get PRO
mayo '23
+11
en 0 canales
Get PRO
abril '23
+133
en 0 canales
Get PRO
marzo '23
+203
en 0 canales
Get PRO
febrero '23
+123
en 0 canales
Get PRO
enero '23
+21
en 0 canales
Get PRO
diciembre '22
+60
en 0 canales
Get PRO
noviembre '22
+289
en 0 canales
Get PRO
octubre '22
+157
en 0 canales
Get PRO
septiembre '22
+274
en 0 canales
Get PRO
agosto '22
+97
en 0 canales
Get PRO
julio '22
+340
en 0 canales
Get PRO
junio '22
+115
en 0 canales
Get PRO
mayo '22
+82
en 0 canales
Get PRO
abril '22
+88
en 0 canales
Get PRO
marzo '22
+163
en 0 canales
Get PRO
febrero '22
+215
en 0 canales
Get PRO
enero '22
+226
en 0 canales
Get PRO
diciembre '21
+257
en 0 canales
Get PRO
noviembre '21
+448
en 0 canales
Get PRO
octubre '21
+281
en 0 canales
Get PRO
septiembre '21
+327
en 0 canales
Get PRO
agosto '21
+124
en 0 canales
Get PRO
julio '21
+145
en 0 canales
Get PRO
junio '21
+385
en 0 canales
Get PRO
mayo '21
+141
en 0 canales
Get PRO
abril '21
+110
en 0 canales
Get PRO
marzo '21
+600
en 0 canales
| Fecha | Crecimiento de Suscriptores | Menciones | Canales | |
| 12 junio | 0 | |||
| 11 junio | 0 | |||
| 10 junio | 0 | |||
| 09 junio | +1 | |||
| 08 junio | 0 | |||
| 07 junio | 0 | |||
| 06 junio | 0 | |||
| 05 junio | 0 | |||
| 04 junio | 0 | |||
| 03 junio | +1 | |||
| 02 junio | 0 | |||
| 01 junio | 0 |
Publicaciones del Canal
| 2 |  Sin texto... | 748 |
| 3 | ![Анимация в URL с помощью JavaScript и Emoji 👨💻 const myEmojis = ['😃', '🤨', '😡'] function urlAnimate () { window.locatio](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAOACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDPC570pTHcU3JFGTTAUrikxRmkzQAuKKTNFAH/2Q==){kind=small} Анимация в URL с помощью JavaScript и Emoji 👨💻
const myEmojis = ['😃', '🤨', '😡']
function urlAnimate () {
window.location.hash = myEmojis
[Math.floor((Date.now()/100)%myEmojis.length)]
setTimeout(urlAnimate, 1000)
}
urlAnimate()
👍- если было полезно | ➡️ WebTaverna | 852 |
| 4 | 🔰 Шпаргалка по CSS свойству transform
transform позволяет применять двумерные и трёхмерные преобразования к элементам, изменяя их форму, размер и положение.
В общем виде свойство transform записывается так: transform: функция(значение);, где функция — это тип преобразования, а значение — параметры этого преобразования.
Свойство transform принимает следующие значения:
🔜 none — никакого преобразования не применяется;
🔜 rotate(angle) — вращает элемент на заданный угол;
🔜 scale(x, y) — масштабирует элемент по осям X и Y;
🔜 translate(x, y) — перемещает элемент на заданные координаты;
🔜 skew(x-angle, y-angle) — наклоняет элемент на заданные углы по осям X и Y.
Transform не должен использоваться для изменения основной структуры веб-страницы. Он нужен для создания эффектов и анимаций, а не для основного макета страницы.
👍- если было полезно | ➡️ WebTaverna | 0 |
| 5 |  Sin texto... | 1 038 |
| 6 |  Проверяем, правильно ли заполнено поле ввода с цифрами? 🔍
Решить эту задачу нам помогут псевдоклассы в CSS :in-range и :out-of-range, которые используются для стилизации полей ввода, поддерживающих атрибуты min и max
🔜 :in-range - введённое значение попадает в диапазон от min до max;
🔜 :out-of-range - не попадает в диапазон от min до max.
Пример ⤵️
<input type="number" min="1" max="3">
input:in-range {
background-color: #17a992;
border: 5px solid #006776;
}
input:out-of-range {
background-color: #f4a898;
border: 5px solid #e62a5a;
}
Атрибуты min и max могут иметь поля ввода с типами date, month, week, time, datetime-local, number и range, в которых эти атрибуты задают диапазон допустимых значений, которые пользователь может вводить в поле.
👍- если было полезно | ➡️ WebTaverna | 840 |
| 7 | Sin texto... | 650 |
| 8 | Маскирование в CSS c помощью свойства mask ☀️
Данное CSS свойство устанавливает изображение, которое используется как слой маски для элемента ⤵️
img {
mask: url("./graph.png");
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center;
}
🔜 mask: url() - задаём png изображение слоя-маски;
🔜 mask-repeat - определяем порядок повторений;
🔜 mask-size - определяем размеры изображения-маски;
🔜 mask-position - устанавливаем начальную позицию относительно слоя;
Также это можно записать в одну строку ⤵️
img {
mask: url("./graph.png") center/cover no-repeat;
}
👍- если было полезно | ➡️ WebTaverna | 0 |
| 9 |  Sin texto... | 0 |
| 10 |  Sin texto... | 0 |
