100 نمونه آماده برای ساخت منو با HTML/CSS +به همراه کد 🧩

+|برای دیدن این نمونه‌ها کلیک کنید|+


#article #learn #html #css #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

13 ترفند برای ایجاد افکت box-shadow با CSS 🌠

اگر از استایل‌های معمولی در CSS خسته شده‌اید، مقاله زیر را بخوانید 👇
+|برای مطالعه مقاله کلیک کنید|+

#learn #css #trick
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

14 تاپیک در مورد CSS که حتما اونا رو باید بدونید 💭

+|برای دیدن این تاپیک ها کلیک کنید |+

#article #css
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

100 تمپلت لودینگ ساخته شده با CSS 🚦

از این لودینگ‌ها میتوانید در پروژه‌هایتان استفاده کنید 👇
+|برای مشاهده کلیک کنید|+

#web_development #css #web
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

چگونه از text-shadow در CSS استفاده کنیم؟ ✨

در این مقاله 11 ترفند و مثال آورده شده که شما میتوانید از آنها در استفاده از text-shadow الهام بگیرید 👇
+|برای مطالعه کلیک کنید|+

#article #howto #learn #web #css
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

20 کتابخانه CSS برای توسعه‌دهندگان فرانت‌اند 🚀

+|برای مشاهده کلیک کنید|+

#article #css #frontend #developer #introduction
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

3 سایت که CSS را برای شما آسان میکند! 😍

اگر میخواهید ساده‌تر CSS بنویسید این سه سایت را از دست ندهید 👇
+|برای مشاهده کلیک کنید|+


#tips #introduction #css #developer #web
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

منابع CSS که حتما باید آنها را بوکمارک کنید! ⭐️

+|برای مشاهده کلیک کنید|+

#article #introduction #css #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

10 بازی برای یادگیری CSS 🕹

اگر در حال یادگیری CSS هستید حتما بازی‌هایی که در این مقاله گفته شده را امتحان کنید 👇
+|برای مشاهده کلیک کنید|+

#article #game #introduction #css
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

چگونه از گوگل کروم برای دیباگ CSS استفاده کنیم؟! 🤔

در این مقاله شما به شکل تخصصی‌تری، نحوه استفاده از بخش Inspect Element مرورگر کروم را یاد میگیرید 👇
+|برای مطالعه کلیک کنید|+

#learn #article #chrome #css #debug
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

4 نوار پیشرفت با HTML/CSS 🔮

اگر میخواهید در پروژه‌هایتان از نوار پیشرفت یا Progress Bars استفاده کنید، حتما این پست را ببینید 👇
+|برای مشاهده کلیک کنید|+

#tips #learn #css #html #web
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

آموزش ساخت ماشین حساب ساده با HTML/CSS/JS 📠

یکی از بهترین راه های یادگیری برنامه‌نویسی، یادگیری پروژه محور هستش و توی این مقاله شما میتونید یاد بگیرین چطوری از HTML/CSS و جاوا اسکریپت استفاده کنید تا یه ماشین حساب بسازین 👇
+|برای مشاهده کلیک کنید|+

#learn #article #programming #html #css #js #javascript
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

چگونه از متغیرها در CSS استفاده کنیم؟! 🧐

+|برای مطالعه کلیک کنید|+

#article #learn #css #developer
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

7 ایده پروژه html و css برای مبتدی‌ها ⭐️

1. وبسایت شخصی
2. صفحه بیوگرافی
3. فرم نظرسنجی
4. لندینگ پیج
5. اطلاع رسانی رویداد
6. صفحه منوی رستوران
7. وبسایت پارالکس

#project #idea #web #html #css
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

🎨 معرفی افزونه CSS Viewer

با این افزونه میتونید کد CSS عناصر مختلف توی وبسایت ها رو ببینید و ازشون استفاده کنید. این افزونه خیلی میتونه به درد توسعه‌دهندگان وب، مخصوصا فرانت‌اند کار ها بخوره ❤️

🟠 برای فایرفاکس: +کلیک کنید+
🔵 برای کروم: +کلیک کنید+

#introduction #developer #css #front_end #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

[معرفی کتاب] 📚
🔷 The CSS Flexbox Handbook
🔹 Complete Guide with Practical Examples

فلکس باکس، یکی از ابزارهای مفید توی CSS هستش که باهاش میتونید ui های واکنش گرا حرفه ای بسازید. یادگیری فلکس باکس برای کسایی که میخوان فرانت اند کار کنن از نون شب واجب تره. اگر خواستین میتونید از این کتاب آنلاین استفاده کنید 👇

🌐 https://www.freecodecamp.org/news/the-css-flexbox-handbook/

#book #pdf #css #flexbox
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

مقایسه Sass با SCSS ⚔️

اگر میخواهید پیش پردازشگر درستی را برای CSS انتخاب کنید، این مقایسه را بخوانید 👇
+برای مطالعه کلیک کنید+

#css #sass #scss
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

📚 کتاب Web Design Playground: HTML CSS the Interactive Way
زبان: انگلیسی | تعداد صفحات: 442

💎 کتاب Web Design Playground یک کتاب تعاملی برای یادگیری HTML و CSS است که مفاهیم طراحی وب را با تمرین‌های عملی آموزش می‌دهد. نویسنده، Paul McFedries، با زبانی ساده و جذاب، نکات کلیدی را همراه با مثال‌های واقعی توضیح می‌دهد. این کتاب برای کسانی که می‌خواهند بدون پیچیدگی‌های اضافی، طراحی وب را یاد بگیرند، ایده‌آل است!


#html #css
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

11 نکته برای استفاده از ModernCSS 🔥

در این مقاله بخوانید ↙️
https://www.howtogeek.com/tips-for-getting-started-with-modern-css/

#css #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

برگ تقلب Tailwind CSS ✨
فرانت‌اند کارها حتما سیو کنید 👌

#cheatsheet #css #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips