html and css آموزش

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥1🙏1

1.73K viewsedited 06:27

0:14

Color palette inspiration
🔴 🟠 🟡 🟢 🔵 🟣

Curated color palette ideas displayed in an example website.

Have a play 👇
https://www.happyhues.co

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤3🙏1

1.73K viewsedited 13:41

JavaScript array methods

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤9🙏1

1.78K viewsedited 07:09

Light/Dark Toggle With Morphing Icon

Theme switcher. Implemented using CSS.

⤷Get code

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤2🔥1🙏1

1.56K viewsedited 08:36

You can make the UI cleaner by reducing or removing scrollbars using the scrollbar-width property

Example of a thin scrollbar:

ul {
  scrollbar-width: thin;
}

Example of a hidden scrollbar (the area remains scrollable):

.cards-container {
  scrollbar-width: none;
}

Suitable for sidebars, data tables, chat panels, dashboards with lots of scrolls, carousels, touch interfaces.

As a result, the scroll works, but the UI looks neater

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤1👍1🙏1

1.49K views08:46

0:58

3D Cards | HTML CSS

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤5🙏1

1.23K views16:19

Making smooth scrolling to elements using the scrollIntoView method

JS:

const links = document.querySelectorAll('.link');

links.forEach((item) => {
 item.addEventListener('click', (e) => {
  e.preventDefault();

  let id = item.getAttribute('href');
  let formattierID = id.substring(1);
  let section = document.getElementById(formattierID);

  section.scrollIntoView({
   behavior: 'smooth',
  });
 });
});

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤2

1.18K viewsedited 08:02

0:07

Shoe Swap

The logic for switching slides is implemented in JS. Animated in SCSS.

Code

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤3

1.27K views15:04

⭐️

15 افزونه مفید کروم برای توسعه‌دهندگان وبسایت

ابزارهای موجود در این مقاله به ساده‌سازی و سرعت بخشیدن به فرآیند توسعه و آزمایش front-end کمک می‌کنند.

- از استخراج سبک های CSS از وب سایت ها گرفته تا تجزیه و تحلیل و بهینه سازی SEO.

https://proglib.io/p/15-superpoleznyh-plaginov-chrome-v-pomoshch-frontenderu-2024-09-20

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤1

1.4K views07:12

0:58

Infinite Loop | HTML CSS

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤8

1.38K views06:55

Custom Scrollbar in CSS

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤5

1.54K viewsedited 07:14

⭐️این ریپوی یکی از کامل‌ترین مجموعه‌های منابع مربوط به Micro Frontends را یک‌جا جمع کرده؛ از وب‌سایت‌ها و بلاگ‌ها گرفته تا ویدیوها، کتاب‌ها و دوره‌ها.

اگر قصد داری معماری میکروفرانت اند را اصولی و مرحله‌به‌مرحله یاد بگیری، این لیست می‌تواند یک نقطه شروع محکم و قابل اتکا باشد.

🔗 لینک ریپو:
https://github.com/billyjov/microfrontend-resources

💎

@Htmlcss_channels

Please open Telegram to view this post

VIEW IN TELEGRAM

❤1

1.24K viewsedited 07:03

⭐️

StyleX - Open Source Styling Library for CSS at Scale!

Facebook introduced StyleX, a styling system that combines the convenience of CSS-in-JS with the performance of static CSS.
It generates collision-resistant atomic styles and allows you to write expressive, type-safe, and super-fast code.

StyleX is already used in all of the company's products.

The main idea is to compile styles at build time so that the CSS code does not grow with the application.

👉 Read more: https://engineering.fb.com/2025/11/11/web/stylex-a-styling-library-for-css-at-scale

⭐️ Github: https://github.com/facebook/stylex

💎

@Htmlcss_channels

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

1.11K views07:15

The funnest CSS game for web designers & developers

Top websites to practice your frontend skills:

➡️ Codewell: https://codewell.cc

➡️ CSSBattle: https://cssbattle.dev

➡️ LeetCode https://leetcode.com

➡️ Codewars https://codewars.com

➡️ Frontend mentor https://frontendmentor.io

➡️ CodinGame https://codingame.com

💎

@Htmlcss_channels

Please open Telegram to view this post

VIEW IN TELEGRAM

cssbattle.dev

❤1

1.34K viewsedited 08:07

0:58

CSS Toggle Switch | HTML CSS JavaScript

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

👍2

1.23K viewsedited 08:45

Forwarded from هشتگ‌ تبلیغ تخصصی (گسترده)

⭕️ خبر: هوش مصنوعی وارد ترید شد👈 معامله‌گر بعدی «انسان + AI»

الان وقتشه کار با AI رو یاد بگیری 👇

📡 دوره آنلاین «ترید فارکس با هوش مصنوعی ۲۰۲۶»

👌 آموزش فارکس از صفر
👌 استراتژی‌های ترید با هوش مصنوعی
👌 ساخت سیستم معاملاتی مبتنی بر الگوریتم

🎁 برای مدت محدود: کاملاً #رایگان
💵 (ارزش واقعی: ۵٬۰۰۰٬۰۰۰ تومان)
🎓 همراه با مدرک معتبر پایان دوره

⭕️ ظرفیت رایگان محدوده — همین الان ثبت‌نام کن 👇

📌

دریافت رایگان دوره ترید با هوش مصنوعی

➖➖➖
📌 چرا رایگانه؟
چون شروع اعتماد از آموزش باکیفیته؛ ادامه مسیر دست خودته.

🟦 خانه مالی توسعه

Please open Telegram to view this post

VIEW IN TELEGRAM

351 views08:52

🟢

از این وبسایت ها می تونید UI design را رایگان یاد بگیرید

Motion 👉 https://60fps.design

Patterns 👉 https://catalogue.projectsbyif.com

AB Tests 👉 https://abtest.design

Inspiration 👉https://designspells.com

Breakdowns 👉 https://uxsnaps.com

UI components 👉 https://uiplaybook.dev

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤1

284 viewsedited 06:40

Forwarded from رویدادها و دوره های آموزشی

💡 مهارتت رو جهانی کن – وقتشه وارد دنیای درآمد دلاری بشی!

اگه طراحی می‌کنی، کدنویسی بلدی، تولید محتوا انجام می‌دی، معمار یا انیماتوری، یا هر مهارت دیگه‌ای داری، یه حقیقت مهم هست که باید بدونی:

مشتری‌های بین‌المللی حاضرن برای همین مهارتی که داری، چند برابر بیشتر از بازار داخلی پرداخت کنن!

اما سوال اینجاست:
✅ چطور باید وارد بازار بین‌المللی بشی؟
✅ کدوم پلتفرم برای مهارت تو مناسب‌تره؟
✅ چطور تحریم‌ها رو دور بزنی؟
✅ چطور اولین پروژه رو بگیری و درآمدتو نقد کنی؟

📌 توی این وبینار رایگان، دکتر علیرضا قیمتی قراره مرحله به مرحله بهت یاد بده چطور از همین امروز قدم بذاری تو مسیر واقعی فریلنسینگ بین‌المللی

🗓 چهارشنبه 5 آبان
⏰ ساعت 7 شب
🎫 لینک ثبت‌نام رایگان
https://links.etekanesh.com/F59

❤1

94 views15:44