Web Development
Kanalga Telegramβda oβtish
Learn to code and become a Web Developer with HTML, CSS, JavaScript, React, Node.js π³ Paid ads: https://telega.io/c/Webdev_Trainings
Ko'proq ko'rsatishπ Telegram kanali Web Development analitikasi
Web Development (@webdev_trainings) Ingliz til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 133 666 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 868-o'rinni va Hindiston mintaqasida 1 571-o'rinni egallagan.
π Auditoriya koβrsatkichlari va dinamika
Π½Π΅Π²ΡΠ΄ΠΎΠΌΠΎ sanasidan buyon loyiha tez oβsib, 133 666 obunachiga ega boβldi.
29 Oktabr, 2026 dagi oxirgi maβlumotlarga koβra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -119 ga, soβnggi 24 soatda esa -23 ga oβzgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya oβrtacha 6.55% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 1.97% ini tashkil etuvchi reaksiyalarni toβplaydi.
- Post qamrovi: Har bir post oβrtacha 8 755 marta koβriladi; birinchi sutkada odatda 2 636 ta koβrish yigβiladi.
- Reaksiyalar va oβzaro taβsir: Auditoriya faol: har bir postga oβrtacha 20 ta reaksiya keladi.
- Tematik yoβnalishlar: Kontent css, element, linkedin, linux, udemy kabi asosiy mavzularga jamlangan.
π Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida taβriflaydi:
βLearn to code and become a Web Developer with HTML, CSS, JavaScript, React, Node.js
π³ Paid ads: https://telega.io/c/Webdev_Trainingsβ
Yuqori yangilanish chastotasi (oxirgi maβlumot 30 Oktabr, 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.
133 666
Obunachilar
-2324 soatlar
-1107 kun
-11930 kun
Postlar arxiv
133 666
CSS Flexbox justify-Content
Example:
.element {
display: flex;
justify-content:space-between;
}133 666
β¨οΈ inline-size in CSS
Ensures elements like buttons or text containers adapt their width dynamically, maintaining a consistent layout across different devices and languages.
133 666
β¨οΈ Popover in HTML
The popover attribute is a global attribute, meaning it can be applied to any HTML element to convert it into a popover.
133 666
β οΈ Exciting News! π
Thanks to your votes and support, weβre thrilled to announce the launch of our new channel: The Coding Space!
This channel is dedicated to helping you master programming and coding, featuring tutorials on Python, Java, C, C++, C#, and more. Whether youβre a beginner or looking to level up your skills, The Coding Space is here to guide you.π Stay tuned for high-quality content, tips, and resources designed to make you a better programmer! π± Join us now and start coding smarter! Thank you for being an amazing community! β€οΈ
133 666
β¨οΈ Shimmering Badge
Here is a simple implementation for a shimmering badge to grab the attention of your audience!
β οΈ Although not mentioned in this post, it is important to respect user's preferences regarding animations and enable this only when they are okay with animations. You can check for this using the prefers reduced motion media queries.
133 666
+2
An idea I stole from MDN website π how to setup a fade out for long text in article cards, etc
β¨ The trick is to create a psuedo element that is placed in a manner to cover only the last line, and add a horizontal gradient, from full transparent to background color (white)
π‘ You could also use CSS custom properties to avoid referring to 1.5rem multiple times
133 666
Recently, CSS has supported "logical" direction based properties for margin, padding, border, etc!
Previous to this, we were able to define properties based on physical directions like left, right, etc. This was a problem when different writing modes come into play, such as Arabic which is written from right to left, or traditional Chinese, Japanese, which are written from top to bottom.
π These new properties automatically adjust to the writing mode without the need for media queries.
"block" indicates main axis of writing mode (top to bottom for English)
"inline" indicates the cross axis of the writing mode (left to right for English)
You can combine this to create different properties for margin, padding, border, size and inset
π margin-block-end
π padding-inline
π border-inline-start
π inline-size
π block-size
β¨ This also has the benefit that it provides shorthands like margin-inline which sets both left and right margin
133 666
β¨οΈ Scroll-driven animations in CSS!!
Lets you create partial or full-page visuals with elements animating into and within the viewport, also known as scrollytelling, for dynamic visual impact.
133 666
π’ Announcement! π’
π The votes are in, and the winner is: Programming and Coding Tutorials Channel! π»β¨
π Weβll be creating this channel as soon as possible, so stay tuned and stay connected for updates!
π Thank you all for your participation and support! π
133 666
β¨οΈ Glass Effect in CSS
To create a glass effect (also known as a glassmorphism effect) in CSS, you can use a combination of properties including background, backdrop-filter, box-shadow, and border.
133 666
π©βπ» @property: Next-Gen CSS Variables Now with Universal Browser Support
The @property rule, part of the CSS Houdini umbrella of APIs, is now fully supported across all modern browsers.Browser Support: π©βπ»85 π©βπ»85 π©βπ»128 π©βπ»16.4 π Link to the article
133 666
Repost from Linkedin Learning
π Poll: What New Telegram Channel Should We Create for Our Next Project?
133 666
β¨οΈ counter() in CSS
You can use counter() to create fancy step-by-step instructions or multi-level nested lists with custom numbering schemes.
133 666
π©βπ» π©βπ» CSS Selectors
A thorough, complete guide/reference covering all of the various methods we have to select elements in CSS (such as pseudo-selectors, nested selectors, attribute selectors, etc) and how to use them for applying styles.
π Link to the article
133 666
β¨οΈ Cursor in CSS
Used to specify the type of cursor to be displayed when pointing over an element.
