Endi mavjud! Telegram Tadqiqoti 2025 — yilning asosiy insaytlari 
Frontend & Web Dev, Marketing, SEO, GEO | HI Web
• Guides on HTML, CSS, JavaScript, React • Free Figma templates • Tips on UI/UX design • Career advice • Portfolio tips, GitHub help, and soft skills for devs • Live projects, coding challenges, tools, and more For all inquiries contact @haterobots
Ko'proq ko'rsatish📈 Telegram kanali Frontend & Web Dev, Marketing, SEO, GEO | HI Web analitikasi
Frontend & Web Dev, Marketing, SEO, GEO | HI Web (@happywebdev) Ingliz til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 15 192 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 8 578-o'rinni va Hindiston mintaqasida 28 297-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 15 192 obunachiga ega bo‘ldi.
19 Iyun, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni 42 ga, so‘nggi 24 soatda esa -2 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 8.88% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 1.66% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 1 349 marta ko‘riladi; birinchi sutkada odatda 252 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 2 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent css, developer, api, javascript, exploit kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“• Guides on HTML, CSS, JavaScript, React
• Free Figma templates
• Tips on UI/UX design
• Career advice
• Portfolio tips, GitHub help, and soft skills for devs
• Live projects, coding challenges, tools, and more
For all inquiries contact @haterobots”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 20 Iyun, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
color — The color of the selected text.
• background-color — The background color of the selected text.
• cursor — The cursor displayed during text selection.
• caret-color — The color of the caret (blinking vertical line) when editing text.
• outline — The outline displayed around the selected text.
• text-decoration — Text decoration (e.g., underline, strikethrough).
• text-emphasis-color — The color of emphasis marks (e.g., dots, circles).
• text-shadow — The shadow of the text.
<h2>Voice Recognition</h2>
<p id="transcription"></p>
<button id="startRecognitionButton">Record</button>
const startRecognitionButton = document.getElementById("startRecognitionButton");
const transcription = document.getElementById("transcription");
startRecognitionButton.addEventListener("click", function () {
const recognition = new webkitSpeechRecognition();
recognition.lang = "en-US";
recognition.onresult = function (event) {
const transcript = event.results[0][0].transcript;
transcription.textContent = transcript;};
recognition.onerror = function (event) {
console.error("Error:", event.error);};
recognition.start();});
<div class="wrapper">
<div class="typing-demo">CSS Tips for you!</div>
</div>.typing-demo {
width: 17ch; /* Adjust based on the length of your text /
animation: typing 12s steps(17) infinite, blink 0.5s step-end infinite alternate;
white-space: nowrap;
overflow: hidden;
border-right: 3px solid;
font-family: monospace;
font-size: 2rem;
}
/ Typing and erasing animation /
@keyframes typing {
0% { width: 0; }
35% { width: 17ch; } / 4s for typing (1/3 of 12s) /
70% { width: 17ch; } / 5s pause (adding up to 8.4s) /
100% { width: 0; } / 3.6s for erasing (remaining time) /
}
/ Blinking cursor animation */
@keyframes blink {
50% { border-color: transparent; }
}
.column--left .shape {
float: right;
shape-outside: circle(100px at 100% 50%);
}
.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}
.result {
background-color: color-mix(in srgb, blue, red);
}
