💡 Scroll-Snap-Type

Allows you to create smooth, controlled scrolls with a "binding" to certain positions.

.container {
  scroll-snap-type: x mandatory;
}
.item {
  scroll-snap-align: start;
}

🔘 is used for carousels, sliders and lists.

Why is it needed:

➡️ Make UX convenient and predictable.

➡️ Get rid of crutches on js.



💎 @htmlcss_channels

Page loading Animation using #HTML and #CSS



💎 @htmlcss_channels

Side panel in Apple style

HTML & CSS & JS

</CODE>


💎 @htmlcss_channels

کتاب یادگیری اصولی جاوااسکریپت ( پایه )
مؤلف : جعفر رضائی
منبع:
https://github.com/Mariotek/better-understanding-of-javascript

#javascript

💎 @htmlcss_channels

HTML & CSS


</CODE>


💎 @htmlcss_channels

کتاب .Net

منبع


👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

کتاب React Native

منبع


👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

کتاب Typescript

منبع



👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

Animated Submit Button | HTML & CSS | Modern UI Effects



💎 @htmlcss_channels

Solar System | HTML CSS

💎 @htmlcss_channels

برگه تقلب PHP Configuration

منبع
#PHP



👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

برگه تقلب PHP Arrays

منبع
#PHP



👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

آموزش کامل React JS از صفر تا صد
به همراه پروژه ساخت فروشگاه آنلاین


در این آموزش به زبان ساده اما از مبتدی تا پیشرفته Reactjs آموزش داده شده است. برای تماشای این آموزش کامل front-end فقط باید html و css و javascript را بلد باشید. اگر دوست دارید برنامه نویسی react را را رایگان اما اصولی یاد بگیرید این آموزش صفر تا صد برنامه نویسی وب را از دست ندهید.

رایگان در یوتیوب تماشا کنید

https://youtu.be/51FdCRVJLXs?si=bnsCjT_9Rlv9nXGX

#reactJs

💎 @htmlcss_channels

این هوش‌مصنوعی تصویری که تو ذهنتون هست رو می‌سازه

برای طراحی بنر سایت متناسب با UI سایتتون یا عکس پست و لوگو یا هرچیزی که نیاز دارید، فقط کافیه یه توضیح بدید هوش‌مصنوعی این سایت تصویری که می خواهید رو بهتون میده

getimg.ai


💎 @htmlcss_channels

Grid Particle Attraction | HTML CSS JavaScript



💎 @htmlcss_channels

کتاب فریمورک Spring

منبع



👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

کتاب رابط کاربری بهتر

این کتاب اثر تحسینشدٔه UI Refactoring است. در این کتاب، آدام واتان، که بسیاری او را با فریمورک محبوب CSS Tailwind میشناسند، تجربیات خود را در طراحی
رابط کاربری به اشتراک گذاشته است. مفاهیم ارائهشده در این اثر، چکیده ای از کاربردیترین اصول
طراحی رابط کاربری است که هر توسعهدهنده و طراحی به آن نیاز دارد

منبع

#UI_UX



👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

Parallax effect for bakery card

HTML & CSS & JS



</CODE>


💎 @htmlcss_channels

Useful websites for developers:

~ Icons
https://tablericons.com

~ Hosting
https://sevalla.com

~ HTML templates
https://uideck.com

~ Code Snippets
https://carbon.now.sh

~ UI inspiration
https://websitevice.com

~ UI components
https://uiverse.io

~ Remote Jobs
https://jobboardsearch.com

~ Illustrations
https://undraw.co

~ Photos
https://unsplash.com

~ 40+ button designs
https://cssnippets.shefali.dev/buttons

~ Color Palette
https://coolors.co

~ Animations
https://animista.net

~ Charts
https://chartjs.org

~ QR Code Generator
https://markodenic.com/tools/qr-code-generator


💎 @htmlcss_channels

Javascript string methods

#javascript #js


💎 @htmlcss_channels