This media is not supported in your browser
VIEW IN TELEGRAM
Making smooth scrolling to elements using the scrollIntoView method
JS:
💎 @Htmlcss_channels | #css #JavaScript #HTML
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
This media is not supported in your browser
VIEW IN TELEGRAM
Shoe Swap
The logic for switching slides is implemented in JS. Animated in SCSS.
Code
💎 @Htmlcss_channels | #css #JavaScript #HTML
The logic for switching slides is implemented in JS. Animated in SCSS.
Code
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
ابزارهای موجود در این مقاله به ساده‌سازی و سرعت بخشیدن به فرآیند توسعه و آزمایش 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
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8
اگر قصد داری معماری میکروفرانت اند را اصولی و مرحله‌به‌مرحله یاد بگیری، این لیست می‌تواند یک نقطه شروع محکم و قابل اتکا باشد.
https://github.com/billyjov/microfrontend-resources
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
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.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
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
The funnest CSS game for web designers & developers
❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Forwarded from هشتگ تبلیغ تخصصی (گسترده)
الان وقتشه کار با AI رو یاد بگیری 👇
💵 (ارزش واقعی: ۵٬۰۰۰٬۰۰۰ تومان)
🎓 همراه با مدرک معتبر پایان دوره
➖➖➖
📌 چرا رایگانه؟
چون شروع اعتماد از آموزش باکیفیته؛ ادامه مسیر دست خودته.
Please open Telegram to view this post
VIEW IN TELEGRAM
Motion
Patterns
AB Tests
Inspiration
Breakdowns
UI components
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Forwarded from رویدادها و دوره های آموزشی
💡 مهارتت رو جهانی کن – وقتشه وارد دنیای درآمد دلاری بشی!
اگه طراحی می‌کنی، کدنویسی بلدی، تولید محتوا انجام می‌دی، معمار یا انیماتوری، یا هر مهارت دیگه‌ای داری، یه حقیقت مهم هست که باید بدونی:
مشتری‌های بین‌المللی حاضرن برای همین مهارتی که داری، چند برابر بیشتر از بازار داخلی پرداخت کنن!
اما سوال اینجاست:
✅ چطور باید وارد بازار بین‌المللی بشی؟
✅ کدوم پلتفرم برای مهارت تو مناسب‌تره؟
✅ چطور تحریم‌ها رو دور بزنی؟
✅ چطور اولین پروژه رو بگیری و درآمدتو نقد کنی؟
📌 توی این وبینار رایگان، دکتر علیرضا قیمتی قراره مرحله به مرحله بهت یاد بده چطور از همین امروز قدم بذاری تو مسیر واقعی فریلنسینگ بین‌المللی
🗓 چهارشنبه 5 آبان
⏰ ساعت 7 شب
🎫 لینک ثبت‌نام رایگان
https://links.etekanesh.com/F59
اگه طراحی می‌کنی، کدنویسی بلدی، تولید محتوا انجام می‌دی، معمار یا انیماتوری، یا هر مهارت دیگه‌ای داری، یه حقیقت مهم هست که باید بدونی:
مشتری‌های بین‌المللی حاضرن برای همین مهارتی که داری، چند برابر بیشتر از بازار داخلی پرداخت کنن!
اما سوال اینجاست:
✅ چطور باید وارد بازار بین‌المللی بشی؟
✅ کدوم پلتفرم برای مهارت تو مناسب‌تره؟
✅ چطور تحریم‌ها رو دور بزنی؟
✅ چطور اولین پروژه رو بگیری و درآمدتو نقد کنی؟
📌 توی این وبینار رایگان، دکتر علیرضا قیمتی قراره مرحله به مرحله بهت یاد بده چطور از همین امروز قدم بذاری تو مسیر واقعی فریلنسینگ بین‌المللی
🗓 چهارشنبه 5 آبان
⏰ ساعت 7 شب
🎫 لینک ثبت‌نام رایگان
https://links.etekanesh.com/F59
❤1
Forwarded from رویدادها و دوره های آموزشی
🔥 بزرگ‌ترین تخفیف سال کوئرا به مناسبت بلک‌فرایدی
🎁 همه دوره‌های برنامه‌نویسی کوئرا نصف قیمت شد!
💳 امکان پرداخت قسطی
‼️ الان با تخفیف ثبت‌نام کن و هر زمان که خواستی دوره‌ها رو ببین!
🔗 https://quera.org/r/ogz5e
🎁 همه دوره‌های برنامه‌نویسی کوئرا نصف قیمت شد!
💳 امکان پرداخت قسطی
‼️ الان با تخفیف ثبت‌نام کن و هر زمان که خواستی دوره‌ها رو ببین!
🔗 https://quera.org/r/ogz5e