در حالی که مرزها یک راه عالی برای تشخیص دو عنصر از یکدیگر هستند، آنها تنها راه نیستند و استفاده بیش از حد از آنها می تواند طراحی شما را شلوغ و نا منظم جلوه دهد.

اگر Breadcrumb ها فضاي بيشتري به خود مي گيرند مي توانيد از اين روش استفاده نماييد.

جمله “اینجا کلیک کنید” رو از سایتتون حذف کنید! این جمله درستی برای لینک دادن در وبسایتون نیست. به جای این میتوانید از جمله‌ای استفاده کنید که توضیح کوتاهی از لینک شما را بدهد.

استفاده از text-align یک راه آسان برای تمیز کردن طراحی شما است و مطالب شما را بسیار خواناتر می‌کند.

همپوشانی عناصر در یک صفحه یک راه عالی برای ایجاد عمق و تشویق کاربران به حرکت است.

استفاده از keylines نه تنها برای تقسیم محتوا عالی است، بلکه باعث می شود که محتوای جدا شده بیشتر به هم متصل شوند.

جدول بوت‌استرپی
ویژگی‌ها

1- داکیومنت مناسب + ایجکسی بودن

2- قابلیت نگهداری صفحه(اگر در صفحه‌ی 6 مرورگر را ببندید. در بازدید بعدی باز هم همان صفحه‌ی 6 نمایش داده می‌شود).

3- خروجی اکسل و ورد و...(pdf برای زبان فارسی مناسب نیست.)(با جاوااسکریپت کار میکنه)

4- نمایش متفاوت در گوشی‌ها( هر ستون به یک سطر تبدیل میشه)

5- فیلتر کردن و جستجوی کلی(بدون زحمت)(نگهداری فیلتر و جستجو در بازدید بعدی)

6- افزودن دکمه در هر سلول با توجه به نیاز

7- کم زیاد کردن ستون‌ها توسط کاربر و نگهداری تغییرات برای بازدید بعدی

8- فریز کردن عنوان جدول در زمان ارتفای زیاد

9- نمایش جدول در داخل جدول

10-تغییر اندازه ستون ها- مرتب سازی هر ستون- امکان استفاده از چند فیلتر با هم

یکی از مواردی که باعث می شود کاربر حس خوبی به محصول شما داشته باشد microinteraction هست وجود حس خوب به محصول شما در یک کلام یعنی UX بهتر

یکی از روش های که شما می توانید بررسی کنید که کاربران از محصول شما به چه شکل استفاده میکند ضبط صفحه ای نمایش وب سایت و یا وب اپ هست که این کار را می توانید با سرویس mouseflow انجام دهید

در این تصویر فرق کار یک UX/UI Designer را با Graphic Designer مشاهده می کنید در کل مولفه اصلی Graphic Desginer ها خلاقیت و مولفه اصلی UX/UI Deisgner ها دید مهندسی هست

با این وبسایت، localhost خودتون رو به راحتی share کنید فوق العادس #ngrok .
https://ngrok.com/

آموزش ساختن فرم ثبت نام کاربران در Agular5 با Web API
http://bit.do/frontdev-register-form-angular5

زمانی از لینک اپ استور ها استفاده میکنید از الگویی که مردم اپ استور رو با اون نماد می شناسند استفاده کنید.

آموزش قدم به قدم استفاده از ngrok | share localhost
http://bit.do/frontdev-ngrok

یکی از روش های خوب برای شروع فعالیت حرفه ای در زمینه UX/UI برای تازه کاران فعالیت به صورت کارآموز در شرکت ها بزرگ است

آیا Https بر روی سئو تاثیر میگذارد؟ از اصلی ترین دلایلی که باید از Https استفاده کرد:
http://bit.do/frontdev-why-https

تو transition ها; ease, ease-in, step-start,... اون چیزی که شما میخواید نیستن؟ از cubic-bezier استفاده کنید و خودتون کاستوم کنید.
http://cubic-bezier.com/#.17,.67,.83,.67

آموزش ساختن کامل یک وبسایت با CSS3, Bootstrap,Html5
http://bit.do/frontdev-responsive-B-C3-H5

معمولا اکثر Web App ها این Layout را به صورت پیش فرض دارند سعی کنید روی همین ساختار مانور دهید

از کجا طراحی وب را شروع کنیم؟
http://bit.do/frontdev-where-to-start-web

سلکتورهای پر استفاده در جی‌کوئری jQuery#