مرجع مقالات تخصصی طراحی سایت

شاید واژه و کلمه ساخت سایت ریسپانسیو (Responsive web design) را شنیده باشید و به طبع طراحی سایت در مشهد میخواهید بدانید معنای آن چیست؟ به عبارت دیگر ریسپانسیو بودن یک وبسایت یا این که به عبارتی "واکنشگرا بودن" یعنی چه؟ همانگونه که می‌دانید استانداردهای ساخت سایت های اینترنتی هر یک سری سال یکبار آپدیت میگردند و تکنیک ها و طرز های جدیدی ارائه می‌شوند که هر مورد به نوعی به دنیای طراحی وب امداد شایانی می نمایند. سایت های اینترنتی از اوایل دهه 1990 که پیاده سازی و برای به کارگیری جهانی در چنگ عموم قرار گرفتند، در بالا تنها برای چشم شدن از روش کامپیوتر بودند.

چرا ساخت وب سایت ریسپانسیو به وجود آمد؟
یعنی شما هنگام عمل با کامپیوتر و هنگامی که از روش مودم (Modem) ، به کانال وب وصل می شدید، از روش قابل انعطاف افزارهای "مرورگر" (web browser) می توانستید به وبسایت های اینترنتی و تجهیزات آنان دسترسی داشته باشید. در آن فرصت دسترسی به کانال وب تنها از روش کامپیوتر قابلیت و امکان پذیر بود. البته به گذر زمان مجال و عرضه گوشی های جدیدتر و توسعه یافته خیس و همینطور ورود مشقت بار افزارها و دستگاه های جدیدی مانند "تبلت" (Tablet) به بازارها، به ندرت اکثری از عموم از آن ها استعمال و خوشبختانه این ابزارها به گذر زمان تکنولوژی های بکار رفته در آن‌ها قویتر و خوب شد تا جایی که شما از روش آنان می توانستید سوای نیاز به به کارگیری از کامپیوتر و لپ تاپ، به وب و وبسایت ها، دسترسی داشته باشید.
البته مشکلی درین بین وجود داشت، آن مساوی کادر سایت ها بود. بطور سنتی، تکنیک ها و نحوه های ساخت وب سایت از دهه 1990 تنها برای اکران آن ها بر روی کاغذ مانیتور کامپیوترها بود. البته به گذر زمان مجال که قابلیت دیدن اینترنت سایتها از روش تبلت و گوشی هم مهیا شد، شرایط عوض شد و با دقت به اینکه ارتفاع و پهنا ورقه اکران این وسایل از خصوصیات ارتفاع و پهنا مانیتور لپ تاپ و کامپیوتر بسیار کمتر میباشد، برای اینکه بتوان یک وب سایت را براحتی در آن‌ها مشاهده کرد بایستی ساخت سایت برای این دستگاه ها هم شکل بگیرد.

آزمایش ریسپانسیو بودن تارنما به چه شکل جاری ساختن می‌شود؟
بدین عامل نحوه های ساخت سایت ریسپانسیو استاندارد گردیده و آنگاه عرضه شدند تا طراحان اینترنت بتوانند به شایسته ترین نحو ممکن پیاده سازی برای این دستگاه ها و گجت ها هم جاری ساختن بدهند. بنابراین یک وبسایت، یک توشه پیاده سازی میگردد اما شما براحتی می‌توانید آنرا هم وقت گیر روی لپ تاپ، تبلت، تلفن همراه و یا این که بقیه گجت ها، ملاحظه کنید و جذاب اینجاست که بر روی هر مورد از آن‌ها، هم متناسب با سایز برگه اکران آن دستگاه به اکران در می‌آید.

برای اینکه بدانید تارنما شما ریسپانسیو میباشد یا این که به معنای دیگر در هر اندازه برگه اکران به صحت نشان داده می شود می‌توانید نوشته ی علمی آزمایش ریسپانسیو بودن وب سایت را استیناف نمائید.درضمن قابل ذکر میباشد ریسپانسیو بودن وب سایت با گوشی دوست بودن تارنما - Mobile Friendly - متعدد میباشد

عالی تا اینجا فهمیدیم که وضعیت ریسپانسیو چیست اما بد وجود ندارد در مسئله تاریخچه آن هم بدانید:

تاریخچه ساخت سایت ریسپانسیو:
گفته میگردد اول اینترنت سایتی که به طور ریسپانسیو پیاده سازی گردیده و بر روی اینترنت رفت، وب سایت کمپانی خودروسازی آئودی آلمان بود Audi.com که در اواخر سال 2001 ، به وسیله کمپانی Razorfish پیاده سازی و فراهم شد. در آن فرصت پیاده سازی این وب سایت به طوری ایفا شد تا در هر مورد از شرایط های اکران بوسیله مرورگرهای پر اسم و رسم و پر استفاده آن مجال مانند وب اکسپلورر و یا این که نت اسکیپ، متناسب با آن از روی Server ، وضعیت پیاده سازی گردیده به اکران نهاده خواهد شد.

طی دهه سالهای 2000 میلادی به گذر زمان استانداردها و اصطلاحات رایج ریسپانسیو مانند "flexible" ، "liquid" ، "fluid" ، "elastic" به تدریج آیتم به کارگیری قرار گرفتند و از طرف دیگر با ورود تکنیک های Media query در استاندارد CSS3 در سالهای 2008 و 2009 اولی گامهای دورازشوخی برای ریسپانسیو شدن وبسایت ها در سرتاسر دنیا برداشته شد.
بعد برای اولیه توشه عبارت "طراحی وب سایت رسپانسیو" (responsive web design) به وسیله "Ethan Marcotte" در نوشته ی علمی ای در سال 2010 ، بکار دریافت شد. در نوشته ی علمی فوق از این اصطلاح جهت اکران برخی از المان های اساسی تارنما به کار گیری شد.به عنوان مثال مرتبط با ظواهر اینترنت (Layout) در‌این‌صورت مشمول media query ها و عکس های انعطاف پذیر در سایزهای گوناگون اکران (flexible images) و اکران گریدها بصورت پهناور (fluid grid). او درسال 2011 کتابی زیر همین تیتر نوشت که بسیار مشهور شد و گزینه اعتنا کارشناسان و طراحان اینترنت قرار گرفت.
به تدریج پیاده سازی ریسپانسیو آنقدر توسعه و گسترش پیدا کرد که در سال 2013 ، از طرف وبسایت پر اسم و رسم "Mashable " سال جاری تحت عنوان "سال طراحی وب سایت ریسپانسیو" (the Year of Responsive Web Design) کنیه گرفت.

شاید واژه و کلمه ساخت سایت ریسپانسیو (Responsive web design) را شنیده باشید و به طبع طراحی سایت در مشهد میخواهید بدانید معنای آن چیست؟ به عبارت دیگر ریسپانسیو بودن یک وبسایت یا این که به عبارتی "واکنشگرا بودن" یعنی چه؟ همانگونه که می‌دانید استانداردهای ساخت سایت های اینترنتی هر یک سری سال یکبار آپدیت میگردند و تکنیک ها و طرز های جدیدی ارائه می‌شوند که هر مورد به نوعی به دنیای طراحی وب امداد شایانی می نمایند. سایت های اینترنتی از اوایل دهه 1990 که پیاده سازی و برای به کارگیری جهانی در چنگ عموم قرار گرفتند، در بالا تنها برای چشم شدن از روش کامپیوتر بودند.

چرا ساخت وب سایت ریسپانسیو به وجود آمد؟
یعنی شما هنگام عمل با کامپیوتر و هنگامی که از روش مودم (Modem) ، به کانال وب وصل می شدید، از روش قابل انعطاف افزارهای "مرورگر" (web browser) می توانستید به وبسایت های اینترنتی و تجهیزات آنان دسترسی داشته باشید. در آن فرصت دسترسی به کانال وب تنها از روش کامپیوتر قابلیت و امکان پذیر بود. البته به گذر زمان مجال و عرضه گوشی های جدیدتر و توسعه یافته خیس و همینطور ورود مشقت بار افزارها و دستگاه های جدیدی مانند "تبلت" (Tablet) به بازارها، به ندرت اکثری از عموم از آن ها استعمال و خوشبختانه این ابزارها به گذر زمان تکنولوژی های بکار رفته در آن‌ها قویتر و خوب شد تا جایی که شما از روش آنان می توانستید سوای نیاز به به کارگیری از کامپیوتر و لپ تاپ، به وب و وبسایت ها، دسترسی داشته باشید.
البته مشکلی درین بین وجود داشت، آن مساوی کادر سایت ها بود. بطور سنتی، تکنیک ها و نحوه های ساخت وب سایت از دهه 1990 تنها برای اکران آن ها بر روی کاغذ مانیتور کامپیوترها بود. البته به گذر زمان مجال که قابلیت دیدن اینترنت سایتها از روش تبلت و گوشی هم مهیا شد، شرایط عوض شد و با دقت به اینکه ارتفاع و پهنا ورقه اکران این وسایل از خصوصیات ارتفاع و پهنا مانیتور لپ تاپ و کامپیوتر بسیار کمتر میباشد، برای اینکه بتوان یک وب سایت را براحتی در آن‌ها مشاهده کرد بایستی ساخت سایت برای این دستگاه ها هم شکل بگیرد.

آزمایش ریسپانسیو بودن تارنما به چه شکل جاری ساختن می‌شود؟
بدین عامل نحوه های ساخت سایت ریسپانسیو استاندارد گردیده و آنگاه عرضه شدند تا طراحان اینترنت بتوانند به شایسته ترین نحو ممکن پیاده سازی برای این دستگاه ها و گجت ها هم جاری ساختن بدهند. بنابراین یک وبسایت، یک توشه پیاده سازی میگردد اما شما براحتی می‌توانید آنرا هم وقت گیر روی لپ تاپ، تبلت، تلفن همراه و یا این که بقیه گجت ها، ملاحظه کنید و جذاب اینجاست که بر روی هر مورد از آن‌ها، هم متناسب با سایز برگه اکران آن دستگاه به اکران در می‌آید.

برای اینکه بدانید تارنما شما ریسپانسیو میباشد یا این که به معنای دیگر در هر اندازه برگه اکران به صحت نشان داده می شود می‌توانید نوشته ی علمی آزمایش ریسپانسیو بودن وب سایت را استیناف نمائید.درضمن قابل ذکر میباشد ریسپانسیو بودن وب سایت با گوشی دوست بودن تارنما - Mobile Friendly - متعدد میباشد

عالی تا اینجا فهمیدیم که وضعیت ریسپانسیو چیست اما بد وجود ندارد در مسئله تاریخچه آن هم بدانید:

تاریخچه ساخت سایت ریسپانسیو:
گفته میگردد اول اینترنت سایتی که به طور ریسپانسیو پیاده سازی گردیده و بر روی اینترنت رفت، وب سایت کمپانی خودروسازی آئودی آلمان بود Audi.com که در اواخر سال 2001 ، به وسیله کمپانی Razorfish پیاده سازی و فراهم شد. در آن فرصت پیاده سازی این وب سایت به طوری ایفا شد تا در هر مورد از شرایط های اکران بوسیله مرورگرهای پر اسم و رسم و پر استفاده آن مجال مانند وب اکسپلورر و یا این که نت اسکیپ، متناسب با آن از روی Server ، وضعیت پیاده سازی گردیده به اکران نهاده خواهد شد.

طی دهه سالهای 2000 میلادی به گذر زمان استانداردها و اصطلاحات رایج ریسپانسیو مانند "flexible" ، "liquid" ، "fluid" ، "elastic" به تدریج آیتم به کارگیری قرار گرفتند و از طرف دیگر با ورود تکنیک های Media query در استاندارد CSS3 در سالهای 2008 و 2009 اولی گامهای دورازشوخی برای ریسپانسیو شدن وبسایت ها در سرتاسر دنیا برداشته شد.
بعد برای اولیه توشه عبارت "طراحی وب سایت رسپانسیو" (responsive web design) به وسیله "Ethan Marcotte" در نوشته ی علمی ای در سال 2010 ، بکار دریافت شد. در نوشته ی علمی فوق از این اصطلاح جهت اکران برخی از المان های اساسی تارنما به کار گیری شد.به عنوان مثال مرتبط با ظواهر اینترنت (Layout) در‌این‌صورت مشمول media query ها و عکس های انعطاف پذیر در سایزهای گوناگون اکران (flexible images) و اکران گریدها بصورت پهناور (fluid grid). او درسال 2011 کتابی زیر همین تیتر نوشت که بسیار مشهور شد و گزینه اعتنا کارشناسان و طراحان اینترنت قرار گرفت.
به تدریج پیاده سازی ریسپانسیو آنقدر توسعه و گسترش پیدا کرد که در سال 2013 ، از طرف وبسایت پر اسم و رسم "Mashable " سال جاری تحت عنوان "سال طراحی وب سایت ریسپانسیو" (the Year of Responsive Web Design) کنیه گرفت.