✅ تب coverage در DevTools مرورگر کروم، به شما نشان می‌دهد که چه حجم از کدهای Css یا JavaScript در صفحه شما مورد استفاده قرار نگرفته‌اند.
#javascript #css #UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
#javascript #css #UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
✅ بولما (Bulma) یکی از فریم‌ورک های CSS مبتنی بر flexbox و mobile-first است که در آن از javascript استفاده نشده است، برای استفاده از آن نیاز به اضافه کردن فایل js ندارید.
✳️ اطلاعات بیشتر👇
🔗 https://bulma.io
#خبر #فناوری و #تکنولوژی #توسعه #ترفند #توصیه #javascript #css
گروه هیلتن 😊👇
JOiN → @HeiltonProgramming
✳️ اطلاعات بیشتر👇
🔗 https://bulma.io
#خبر #فناوری و #تکنولوژی #توسعه #ترفند #توصیه #javascript #css
گروه هیلتن 😊👇
JOiN → @HeiltonProgramming
This media is not supported in your browser
VIEW IN TELEGRAM
✅ کاربرد منوی چسبنده در css، نمونه کد در وب‌سایت codepen👇
🔗 yon.ir/stickymenu
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css #html
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
🔗 yon.ir/stickymenu
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css #html
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
برنامه نویسی هیلتن
🌐 طراحی صفحات 404 که نمایش یک پیغام ساده می‌باشد هیچ کمکی به کاربر نمی‌کند. ✅ 5 مورد که باید در طراحی صفحه 404 رعایت شود: ▪️مطالب و محتواهای دیگری به کاربر پیشنهاد کنید. ▪️یک search bar در اختیار او قرار دهید. ▪️منوی اصلی سایت در دسترس باشد. ▪️لینک…
✅ طراحی صفحه 404 (سورس کد👇)
🔗 yon.ir/heilton404
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css #html #js #bootstrap
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
🔗 yon.ir/heilton404
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css #html #js #bootstrap
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
This media is not supported in your browser
VIEW IN TELEGRAM
✅ نمونه طرح استفاده از clip path : ورودی‌های رنگین کمان و دندان کوسه‌ای، (سورس کد👇)
🔗 yon.ir/txtrainbow
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css #html #js #bootstrap
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
🔗 yon.ir/txtrainbow
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css #html #js #bootstrap
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
✅ ساختارهای navigation تو در تو که در sidebarها قرار می‌گیرند خیلی زود عمیق و پیچیده می‌شوند.
⭕️ یک روش جایگزین عالی این است که طرح خود را به بخش‌های دیگری تقسیم کرده و در هر بخش navigation خاص خودش را قرار دهید.
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
⭕️ یک روش جایگزین عالی این است که طرح خود را به بخش‌های دیگری تقسیم کرده و در هر بخش navigation خاص خودش را قرار دهید.
#UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت #css
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
This media is not supported in your browser
VIEW IN TELEGRAM
✅ مجموعه‌ای از انیمیشن‌های ساخت همبرگر منو با css
مشاهده سورس کد👇
march08.github.io/animated-burgers/
#UX #UI #design #css #html
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
مشاهده سورس کد👇
march08.github.io/animated-burgers/
#UX #UI #design #css #html
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
✅ وقتی که نقاط ابتدا یا انتهای gradientها را transparent می‌کنید مرورگر safari آن‌ها را به صورت سیاه و سفید نمایش می‌دهد، دلیل اینه که این مرورگر کلا گزینه trasparent را نمی‌شناسد.
⭕️ با جایگزینی
#متخصص_کامپیوتر #توصیه #ترفند
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
⭕️ با جایگزینی
(0, 0, 0, 0)rgba می‌توان این مشکل را حل نمود..section-hero {
background: linear-gradient(rgba(0, 0, 0,0), #d7e0ef), #527ee0;
/*Other styles*/
}
#frontend #css #browser #UI #design #متخصص_کامپیوتر #توصیه #ترفند
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
✅ یکی از قابلیت‌های جدید در chrome74 این است که وقتی بر روی یکی از خصوصیات Css که بر روی box model تاثیر دارند می‌روید (مانند padding و margin)، کروم تمامی عناصری که تحت تاثیر آن خاصیت قرار دارند را highlight می‌کند.
#browser #programming #UX #UI #design #frontend #css #chrome
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه
🔮 پست‌های کانال رو برای دوستان خود ارسال کنید.
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
#browser #programming #UX #UI #design #frontend #css #chrome
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه
🔮 پست‌های کانال رو برای دوستان خود ارسال کنید.
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
برنامه نویسی هیلتن
✅ آیا تا به حال به این نکته توجه کرده‌اید که چرا شرکت‌های بزرگی همچون: Facebook, Twitter, PayPal و... رنگ آبی را برای خود انتخاب کرده اند؟ ⚠️ پاسخ: آبی یک رنگ خنثی از نظر جنسیتی است که تقریبا همه مردان و زنان به آن علاقمند هستند، در نتیجه انتخاب رنگ آبی…
✅ از رنگ‌های خنثی برای دکمه‌های خنثی استفاده کنید.
⭕️ هرگز به دکمه‌ای مانند Cancel رنگ ندهید، رنگ‌ها را برای استفاده در دکمه‌هایی که منجر به فراخوانی یک عملیات می‌شوند نگه دارید.
#programming #UX #UI #design #frontend #css #Android #ios
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه
گروه هیلتن😊👇
JOiN → @HeiltonProgramming
⭕️ هرگز به دکمه‌ای مانند Cancel رنگ ندهید، رنگ‌ها را برای استفاده در دکمه‌هایی که منجر به فراخوانی یک عملیات می‌شوند نگه دارید.
#programming #UX #UI #design #frontend #css #Android #ios
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه
گروه هیلتن😊👇
JOiN → @HeiltonProgramming