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

✅ بهترین سایز برای نمایش headline ها در اسکرین‌های کوچک، حدود 20px تا 24px است.
#UX #UI #design #css #ترفند #متخصص_کامپیوتر #طراحی‌سایت

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

3.56K viewsomid sotooni, edited 11:59

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

⁣⁣⁣⁣⁣⁣✅ تب coverage در DevTools مرورگر کروم، به شما نشان می‌دهد که چه حجم از کدهای Css یا JavaScript در صفحه شما مورد استفاده قرار نگرفته‌اند.
#javascript #css #UX #UI #design #ترفند #متخصص_کامپیوتر #طراحی‌سایت

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

4.25K viewsomid sotooni, 09:19

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

✅ بولما (Bulma) یکی از فریم‌ورک های CSS مبتنی بر flexbox و mobile-first است که در آن از javascript استفاده نشده است، برای استفاده از آن نیاز به اضافه کردن فایل js ندارید.
✳️ اطلاعات بیشتر👇
🔗 https://bulma.io

#خبر #فناوری و #تکنولوژی #توسعه #ترفند #توصیه #javascript #css

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

4.19K viewsomid sotooni, 07:33

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

This media is not supported in your browser

VIEW IN TELEGRAM

✅ کاربرد منوی چسبنده در 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.93K 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.95K 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.38K 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.89K views-//мɪℓασ🎃-✨ ⃟⃤, edited 14:57

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

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

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

3.24K viewsomid sotooni, 16:30

About

Blog

Apps

Platform