html and css آموزش

Please open Telegram to view this post

VIEW IN TELEGRAM

❤3🙏1

1.66K viewsedited 07:01

🔰 5 نکته و ترفند CSS برای طراحی Responsive website بهتر

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥2👏1

1.44K viewsedited 07:01

نکته CSS :تراز کردن متن و آیکون

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤3👍3🔥3🙏1

1.56K viewsedited 14:36

این آموزش به شما کمک می کند تا یک افزونه کروم بسازید که هر صفحه وب را با استفاده از جاوا اسکریپت و Manifest V3 تجزیه و تحلیل می کند.

https://www.freecodecamp.org/news/how-to-build-a-chrome-extension-using-javascript-and-manifest-v3/

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥1🙏1

1.65K 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.66K viewsedited 13:41

JavaScript array methods

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤9🙏1

1.68K 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.46K 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.33K views08:46

0:58

3D Cards | HTML CSS

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤5🙏1

1.1K 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.06K 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.16K 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.29K views07:12

0:58

Infinite Loop | HTML CSS

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤7

1.18K views06:55

Custom Scrollbar in CSS

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

❤5

1.34K 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.06K 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

900 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.06K viewsedited 08:07

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

💎

دوره جــــامع OKR

🗣 سرفصل ها:
⏺️ آشنایی با OKR
⏺️ انواع طرز فکر
⏺️ از مدیریت علمی تا آشنایی با MBO و OKR
⏺️ اهداف و نتایج کلیدی موثر
⏺️ مدیریت چرخه OKR
⏺️شناسایی و پیادهسازی KPI در سازمان
⏺️ مربیگری OKR

🏛 موسسه توسعه

📌 مشاوره رایگان و مشاهده جزئیات دوره:

➕

httb.ir/NB1HY

➕

httb.ir/NB1HY

➕

httb.ir/NB1HY
➖➖

Please open Telegram to view this post

VIEW IN TELEGRAM

777 views07:42