✅ مجموعه‌ای از انیمیشن‌های ساخت همبرگر منو با css
مشاهده سورس کد👇
march08.github.io/animated-burgers/

#UX #UI #design #css #html
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ وقتی که نقاط ابتدا یا انتهای gradientها را transparent می‌کنید مرورگر safari آن‌ها را به صورت سیاه و سفید نمایش می‌دهد، دلیل اینه که این مرورگر کلا گزینه trasparent را نمی‌شناسد.

⭕️ با جایگزینی (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

✅ از رنگ‌های خنثی برای دکمه‌های خنثی استفاده کنید.

⭕️ هرگز به دکمه‌ای مانند Cancel رنگ ندهید، رنگ‌ها را برای استفاده در دکمه‌هایی که منجر به فراخوانی یک عملیات می‌شوند نگه دارید.
#programming #UX #UI #design #frontend #css #Android #ios
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

🌐 وبسایت w3schools بصورت آفلاین برای یادگیری طراحی وب‌سایت با زبان‌های (html, css, javascript, jQuery, jQueryMobile, AppML, Angular_JS, AJAX, JSON, XSLT, HTMLGraphics , SQL, PHP, Asp , Asp.Net, xml, Bootstrap and ...) بهترین منبع زبان انگلیسی همراه با مثال
#learning #html #css #javascript #jQuery #jQueryMobile #AppML #Angular_JS #AJAX #JSON #XSLT #HTMLGraphics #SQL #PHP #asp #asp_net #xml #Bootstrap #w3schools

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ عنوان دکمه‌های "Cancel" ممکن است متفاوت باشد، در حالت کلی تمامی دکمه‌هایی که وظیفه لغو یک عمل را دارند باید با رنگ‌های خنثی نمایش داد.
#programming #UX #UI #design #frontend #css #Android #ios
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ از علائم هشداری بیشتری جهت آگاه کردن کاربران برای انجام عملیات مخرب استفاده کنید.
#programming #UX #UI #design #frontend #css
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ فایرفاکس قابلیت جدیدی را برای برنامه‌نویسان فرانت‌اند ارایه خواهد داد، این قابلیت دلیل اعمال نشدن یک تکه Css را توضیح می‌دهد.
#UX #UI #design #frontend #css
#متخصص_کامپیوتر #توصیه #ترفند #مرورگر

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ خلاقیت در استفاده از خاصیت clip-path و gradient ها برای ایجاد یک effect زیبا در حالت hover
نمونه کد:👇
🔗 codepen.io/ainalem/details/byqBNK

#ui #frontend #css
#متخصص_کامپیوتر #توصیه #توسعه #ترفند

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ ابزاری برای تولید گریدهای css
🔗 cssgrid-generator.netlify.com

#ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ اغلب می خواهیم عناصری که دارای محتوا هستند را استایل دهی کنیم. اما مواقعی وجود دارد که مایلیم عناصر فاقد محتوا را استایل بدهیم. برای این کار می توانید از گزینشگر empty: استفاده کنید.
#ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ استفاده از خاصیت line-clamp برای مدیریت تعداد خطوط نمایشی در css
#UI #frontend #css
گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ روش وسط چین کردن عناصر به وسیله flexbox
#css #flexbox #ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ با استفاده از خاصیت tab-size در css می توانید مشخص کنید که Tab ها دقیقا چقدر فضای خالی اشغال کنند.
#css #ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ بک اندی ها وقتی میخوان دو خط سی اس اس بنویسن😁🤦🏻‍♂
#programming #backend #fun #Css
#متخصص_کامپیوتر #سی_اس_اس #طنز

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ کاربردهای گوناگون خاصیت align-items در Css

#css #ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ سرفصل های دوره پروژه محور طراحی سایت فروشگاهی شبیه دیجی کالا (Digikala) با زبان Asp.Net MVC:
✔️ تحلیل سایت دیجی کالا و کلا نحوه کار فروشگاه های اینترنتی
✔️ ایجاد نمودار ER با استفاده از نرم‌افزار Visio
✔️ بهینه سازی دیتابیس بصورت حرفه‌ای
🌀 بخش بندی پروژه:
1️⃣ دیتابیس:
✔️ ساخت جدول‌ها
✔️ نحوه کار با جداول و بهینه سازی
✔️ ساخت مدل های رابطه ای
✔️ آموزش و استفاده از linq
✔️ آموزش و استفاده از Entity Framework
✔️ استفاده از Select های مناسب
✔️ امنیت پایگاه داده
2️⃣ برنامه‌نویسی سیشارپ (بک اند- Back End):
☑️ استفاده از عمگرهای منطقی ، رشته‌ای، مقایسه‌ای، ریاضی، آرایه‌ای
☑️ استفاده از دستوارت مهم if, if else, switch
☑️ آموزش حلقه‌های while, for, foreach, do while, listbox و ...
☑️ معماری سه لایه (MVC) سیشارپ
☑️ نحوه ارتباط با دیتابیس
☑️ نحوه ایجاد امنیت در کدنویسی
☑️ ربط دادن صفحات وب به یک دیگر
☑️ ساخت سبد خرید
☑️ ایجاد پنل برای کاربران و ادمین‌های سایت
☑️ استفاده از کوکی‌ها
☑️ کار با درگاه پرداخت
☑️ نحوه کار با وب سرویس API
☑️ کار با انواع API ها و آشنایی با مفاهیم کلی API و استفاده از این سرویس در آموزش
☑️ ارسال ایمیل (Email)
☑️ ارسال پیامک (SMS)
☑️ کار با سشن ها و کوکی‌ها در Asp.Net MVC
☑️ آموزش کاملا کاربردی مناسب بازار کار و استفاده از شی گرایی و برنامه نویسی OOP به همراه نکات طلایی ویژه بازارکار
☑️ کار با انواع کلاس‌ها، متودها و مفاهیم ارث بری در سیشارپ و Asp.Net MVC
☑️ کوئری ها در اسکیوال سرور (SQL Server)
☑️ گزارش گیری
☑️ انجام عملیات حسابداری
3️⃣ گرافیک وب‌سایت:
🔘 طراحی اولیه سایت و پنل کاربری
🔘 عکس‌ها و بنرها با فتوشاپ
🔘 کار با تصاویر در وب‌سایت"زوم کردن روی تصویر"
4️⃣ بخش مهم سمت کاربر (Front End - طراحی ظاهری سایت دیجی کالا):
▫️ استفاده از تگهای Html5 بصورت کاملا کاربردی
▫️ استفاده از CSS3 بصورت کاملا کاربردی
▫️ استفاده از JavaScript بصورت کاملا کاربردی
▫️ استفاده از JQuery بصورت کاملا کاربردی
▫️ استفاده از BootStrap3 بصورت کاملا کاربردی
▫️ استفاده از تکنولوژی Ajax
▫️ نمایش تصاویر به صورت پنجره modal (پاپ آپ)
▫️ ایجاد بخش نظرات به صورت حرفه‌ای
▫️ امکان ویرایش پروفایل و تغییررمز کاربر
▫️ اعتبارسنجی و طراحی فرم‌های ثبت نام و فرم های ورود به پنل کاربری
▫️ ساخت منوهای چند سطحی وب‌سایت
▫️ ساخت اسلاید شو حرفه‌ای برای وب‌سایت
▫️ انواع جستجوها و مرتب سازی
▫️ بهینه سازی سایت (سئو)
▫️ طراحی قالب کامل صفحه اصلی، صفحه‌ی دوم سایت و پنل کاربری (کدنویسی صفر تا صد) بصورت رسپانسیو شده.
▫️ در این دوره، طراحی قالب صفحه‌ی اصلی و پنل کاربری از 0 تا 100 آموزش داده شده و به هیچ عنوان قالب آماده یا کپی برداری استفاده نشده است.
▫️ بهینه تگ‌های Html مانند: div, p, title, h1…h9 و هرچیزی که برای طراحی کامل یک وب سایت نیاز است.
🎯 ( Asp.Net MVC )
#csharp #AspNetMVC #Shop #ShopWithAspNetMVC #bootstrap #css #ajax #jQuery #html #js #JavaScript
#آموزش_سایت #ای_اس_پی #فروشگاه
🔗 http://heilton.com/tutorials/AspNet/AspNet-MVC/aspnet-mvc-digikala

گروه هیلتن😊👇
JOiN → @HeiltonProgramming