برنامه نویسی هیلتن

✅ کاربرد منوی چسبنده در css، نمونه کد در وب‌سایت codepen👇
🔗 yon.ir/stickymenu

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

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

3.87K viewsomid sotooni, edited 13:04

برنامه نویسی هیلتن

⁣⁣⁣⁣⁣⁣🌐 طراحی صفحات 404 که نمایش یک پیغام ساده می‌باشد هیچ کمکی به کاربر نمی‌کند. ✅ 5 مورد که باید در طراحی صفحه 404 رعایت شود: ▪️مطالب و محتواهای دیگری به کاربر پیشنهاد کنید. ▪️یک search bar در اختیار او قرار دهید. ▪️منوی اصلی سایت در دسترس باشد. ▪️لینک…

✅ طراحی صفحه‌ 404 (سورس کد👇)
🔗 yon.ir/heilton404

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

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

3.87K viewsomid sotooni, 09:16

برنامه نویسی هیلتن

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

3.4K viewsomid sotooni, 08:36

برنامه نویسی هیلتن

⁣⁣⁣⁣⁣✅ ساختارهای navigation تو در تو که در sidebarها قرار می‌گیرند خیلی زود عمیق و پیچیده می‌شوند.

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

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

4.68K viewsomid sotooni, 08:51

برنامه نویسی هیلتن

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

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

3.92K viewsomid sotooni, 11:56

برنامه نویسی هیلتن

✅ وقتی که نقاط ابتدا یا انتهای 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

3.25K viewsomid sotooni, 19:27

برنامه نویسی هیلتن

✅ یکی از قابلیت‌های جدید در chrome74 این است که وقتی بر روی یکی از خصوصیات Css که بر روی box model تاثیر دارند می‌روید (مانند padding و margin)، کروم تمامی عناصری که تحت تاثیر آن خاصیت قرار دارند را highlight می‌کند.
#browser #programming #UX #UI #design #frontend #css #chrome
#طراحی‌سایت #متخصص_کامپیوتر #توصیه #ترفند #توسعه
🔮 پست‌های کانال رو برای دوستان خود ارسال کنید.

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

3.94K viewsomid sotooni, edited 09:57

برنامه نویسی هیلتن

⁠⁣⁣⁣✅ آیا تا به حال به این نکته توجه کرده‌اید که چرا شرکت‌های بزرگی همچون: Facebook, Twitter, PayPal و... رنگ آبی را برای خود انتخاب کرده اند؟ ⚠️ پاسخ: آبی یک رنگ خنثی از نظر جنسیتی است که تقریبا همه مردان و زنان به آن علاقمند هستند، در نتیجه انتخاب رنگ آبی…

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

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

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

3.51K viewsomid sotooni, 11:34

برنامه نویسی هیلتن

w3school(www.Heilton.com).7z

8.4 MB

🌐 وبسایت 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

8.35K viewsProgrammer, 14:12

برنامه نویسی هیلتن

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

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

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

3.72K viewsomid sotooni, 09:06

برنامه نویسی هیلتن

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

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

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

3.7K viewsomid sotooni, 08:42

برنامه نویسی هیلتن

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

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

6.58K viewsomid sotooni, 08:59

برنامه نویسی هیلتن

0:19

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

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

4.49K viewsomid sotooni, 15:30

برنامه نویسی هیلتن

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

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

3.87K views-//мɪℓασ🎃-✨ ⃟⃤, edited 14:57

برنامه نویسی هیلتن

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

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

3.24K viewsomid sotooni, 16:30

برنامه نویسی هیلتن

This media is not supported in your browser

VIEW IN TELEGRAM

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

3.4K viewsomid sotooni, 06:00

برنامه نویسی هیلتن

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

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

3.32K viewsomid sotooni, 05:40

برنامه نویسی هیلتن

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

3.1K viewsomid sotooni, 17:32

برنامه نویسی هیلتن

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

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

4.7K viewsomid sotooni, 20:37

برنامه نویسی هیلتن

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

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

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

3.55K viewsomid sotooni, 06:07

About

Blog

Apps

Platform