Intrinsic چیست ؟
در هر صنعت و زمینه ای تکنیک ها و اصطلاحات بسیار زیادی وجود دارد که این اصطلاحات افراد داخل همین حرفه آشنا است و اما برای افراد خارج از این حوزه ناآشنا است و سخت به نظر می رسد. طراحی سایت نیز به همین صورت است در ادامه این مطلب به بررسی مفهوم Intrinsic می پردازیم.
به صورت کلی اصطلاحاتی که در زمینه طراحی سایت وجود دارند به دو دسته تقسیم می شوند دسته اول همان تکنیک هایی است که قبل از این وجود نداشته است و اما همراه با یک نام جدید به این حوزه وارد شده اند . برای مثال از این اصطلاحات یم توان به طراحی سایت ریسپانسیو اشاره کرد . در مقابل تکنیک های بیان شده تکنیک هایی است که که کدنویسان و طراحان از آن ها استفاده می کنند ولی برای آن ها نامی انتخاب نشده است . زمانی که این تکنیک ها به صورت رایج استفاده می شود برای آن ها نامی انتخاب می شود تا بتواند راحت تر جست و جو شود و هم چنین بتوان ازآن ها صحبت کرد .
Intrinsic جز دسته دوم است و از این تکنیک امروزه بسیاری از افراد استفاده می کنند که نمونه های موفق آن ها را نیز در سال های اخیر دیده شده است . البته در سال های اخیر این تکنیک در جامعه وب سایت بسیار مورد توجه بوده است و نامی برای آن مشخص شده است .
طراحی وب Intrinsic چیست ؟
این تکنیک جدید در ابتدا ماژول های Flexbox و CSS Gridرا در CSS معرفی کرد . زمان های بسیار دور استفاده از تیبل برای طراحی ساختار و چیدمان سایت رایج بوده است و اما امروزه از آن استفاده بسیار کمی می شود .
بعد از زمان اندکی به کارگیری float و هم چنین استفاده از دستورهای fixed و absolute برای تعیین کردن مکان هر المان در صفحه استفاده شده است و باعث می شد تا بتوان محتوای صفحه را زیباتر و پیچیده تر نمایش داد. البته ویژگی ها وقابلیت هایی که در این ماژول ها قرار داشته است بسیار کم تر بوده است .
برای مثال ذر فریم ورک بوت استرپ با بهره گیری از floatساختاری بسیار کاربردی و قابل قبول برای طراحی صفحه های یک وب سایت ساخته شده است. البته در نسخه چهارم بوت استرپ توجه بسیار زیادی به flex و شیوه های چیدمان محتوا بوده است .
در استفاده از همه این تکنیک ها نکته بسیار مهمی که وجود دارد این است که برای نمایش المان های صفحه باید از خلاقیت استفاده شود . البته در این روش ها هیچ ساختار مشخص و از قبل تعیین شده ای برای قرار گیری المان های از طریق CSS وجود نداشته است و از دانش و تجربه طراحان سایت برای چیدمان و نحوه قرار گیری صفحه ها استفاده می شده است .
زمانی که ماژول ها بسیار جدیدی از CSS معرفی شدند دیگر نیازی نبوده است تا از تکنیک های خلاقانه استفاده شود و برای چیدمان صفحه و هم چنین قرار گرفتن المان ها در هر صفحه نیازی به تکنیک ها و روش های خلاقانه نخواهید داشت . از این بعد با استفاده از دستوارت بسیار رایجی که در CSS وجود داشته است به راحتی می توان طراحی های مربوط به صفحه ها را انجام داد.
اکنون نیز چهار ماژول جدید به CSS اضافه شده است که به کاربران کمک می کند تا ساختاری دو بعدی برای محتوا در صفحه داشته باشند . ایم چهار ماژول عبارتند از : Flow، Flex، Grid و Multicolumn . هر یک از این ماژول ها ویژگی ها و خصوصیات منحصربه فردی را در اختیار کاربران قرار می دهند.
طراحی سایت ریسپانسیو با طراحی سایت Intrinsic چه فرقی دارند؟
در طراحی سایت به صورت ریسپانسیو با بهره گیری از ویژگی Media Queriesمشخص می کنیم که سایت در سایز های مختلف چطور نمایش داده شود .
البته به دلیل وجود ماژول های بسیار جدیدی مانند Grid ، Flex دیگری نیازی نخواهد بود تا از این ویزگی استفاده شود و براساس اندازه صفحه ها تقسیم بندی صورت نخواهد گرفت . با بهره گیری از تنها یک دستور خاص می توانید نمایش دادن محتواها در اندازه های مختلف را به راحتی مدیریت کنید و در این زمینه برای شما مشکلی وجود نخواهد داشت.
در طراحی سایت به روش ریسپانسیو طراحی صفحه های یک سایت به صورت شناور صورت می گیرد این موضوع به این معنا است که قسمت هایی که عرض آن ها با تغییر اندازه صفحه ها متغیر خواهد بود . البته در طراحی ذاتی با بهره گیری از Grid هم می توانیم ستون ها را مدیریت کنیم و هم می توانیم سطرها را مدیریت کنیم و به این طریق می توانیم اندازه ها و ابعاد آن ها را شناور کنیم .
برای مثال می توانیم به نمایش دادن تصویر ها اشاره کنیم که در طراحی به روش ریسپانسیو تصاویر بزرگ از فضایی که برای آن ها تعریف شده اند خارج می شوند مگر این که عرض آن ها به اندازه فضای بالایی محدود شود و ارتفاع نیز به صورت خودکار اندازه گیری شود .
در طراحی ذاتی با بهره گیری از دستور object-fit می توانیم تصویر را براساس فضایی که در آن قرار داریم نمایش دهیم در این جا خود مرورگر تصویر ها را براساس اندازه های فضای مادر نشان می دهد.
چه زمانی از Intrinsic استفاده می کنیم ؟
در سراسر دنیا بسیاری از طراحان وب از روش های بسیار زیادی برای طراحی وب سایت خود استفاده می کنند . بهترین زمان برای استفاده از Intrinsic زمانی است که خود طراح سایت باید به این نتیجه برسد . این موضوع که چه زمانی از این تکنیک استفاده کنیم بسیار شخصی است . طراحان سایت در سراسر دنیا از روش های بسیار زیادی برای طراحی سایت استفاده می کرده اند و اما استفاده و بهره گیری از همان روش های قدیمی بسیار راحت تر است و سرعت کار را بالاتر می برند. پس این که از این تکنیک در طراحی سایت استفاده شود یا خیز بسته به خود طراح سایت دارد و به صورت کلی نمی توان گفت چه زمانی باید از آن استفاده کرد .
از جمله مثال هایی که می توان در زمینه استفاده از این تکنیک زد بوت استرپ 4 است . البته نسخه پنجم آن مقداری از طراحی های ریسپانسیو و استاندارد های مربوط به آن فاصله گرفته است.