طراحی رسپانسیو چیست؟

https://roocket.ir/articles/what-is-responsive-web-design-definition

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

طراحی واکنش‌گرا (رسپانسیو) چیست؟

https://roocket.ir/articles/responsive-design

متخصصان تکنولوژی پیش‌بینی می‌کنند که در طی سال‌های آینده، استفاده از موبایل برای گشت و گذار کردن در وب از دسکتاپ نیز پیشی خواهد گرفت.

5 خطاي اصلي ریسپانسیو کردن (و نحوه پرهيز از آن‌ها)

https://roocket.ir/articles/5-simple-responsive-blunders-and-how-to-avoid-them

نزديك ۴۹% تمامي ترافيك وب، در سراسر جهان، برخواسته از دستگاه‌هاي موبايل (به‌جز تبلت‌ها) مي‌باشد. اگر شما وبسايت‌هايي سازگار با موبايل نسازيد، به احتمال زياد بخش بزرگي از مخاطبين خود را از دست خواهيد داد. همچنين اگر مي‌خواهيد سئوي خود را بهبود ببخشيد، نمي‌توانيد اهميت گوشي‌هاي هوشمند را ناديده بگيريد...

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

https://roocket.ir/articles/responsive-background-image

در این آموزش قصد داریم به ساده‌ترین تکنیک‌ها برای دست‌یابی به تصویر پس زمینه‌ تمام صفحه که کل صفحه‌نمایش کاربر را پر کند و پوشش دهد، بپردازیم.

ساخت تصاویر واکنش گرا با استفاده از CSS

https://roocket.ir/articles/responsive-image

تصاویر واکنش گرا یا ریسپانسیو، به تصاویری گفته می‌شود که به درستی در صفحاتی با سایزهای متفاوت، به نمایش در می‌آیند.

طراحی وب رسپانسیو - چگونه یک وبسایت را به خوبی در موبایل‌ها و تبلت‌ها شکل دهید

https://roocket.ir/articles/responsive-web-design-how-to-make-a-website-look-good-on-phones-and-tablets

طراحی وب رسپانسیو رویکردی است که بر محیط کاربری وبسایت متمرکز است. محیط کاربری به دستگاهی که به اینترنت وصل کرده‌اند بستگی دارد.

طراحی وب واکنش گرا: یک بار برای همیشه آن را بفهمید و انجام دهید

https://roocket.ir/articles/responsive-web-design-understand-and-apply-it-once-and-for-all

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

۱۰ قطعه کد برای ساختن سریع منو‌های واکنشگرا

https://roocket.ir/articles/code-snippets-responsive-navigation-menu

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

پیاده سازی Tab رسپانسیو با CSS و جاوااسکریپت

https://roocket.ir/articles/how-to-build-a-responsive-tab-component-with-css-and-a-touch-of-javascript

در این آموزش قصد داریم شیوه ساختن یک کامپوننت از نوع تب را با استفاده از سی‌اس‌اس و مقدار بسیار کمی از جاوااسکریپت ایجاد کنیم، البته باید گفت که به صورت کامل نیز می‌توان این مورد را با استفاده از سی‌اس‌اس پیاده‌سازی کنیم، اما هدف اصلی ما در این آموزش این است که از جاوااسکریپت در عمل نیز استفاده کنیم

آیا رسپانسیو کردن وبسایت باعث افزایش درآمد میشه

https://roocket.ir/articles/do-rspansv-the-website-was-to-increase-income

وبسایت های که طراحی خودشونو برای موبایل آماده کردن مقدار زیادی از توجهات رو به خودشون جذب میکنن . فقط همین چند روز پیش گوگل بعد از تغییر الگوریتم خودش برای رتبه بندی صفحات وب که در مورد بهینه سازی وبسایت ها برای گجت های همراه ( مثل موبایل و تبلت ) بود تاکیید داره که این یه فاکتور جدید تو امتیاز دادن...

تاریخچه مختصری از طراحی وب واکنش گرا (رسپانسیو)

https://roocket.ir/articles/history-of-responsive-web-design

در این مقاله، ما قصد داریم نگاهی به تاریخچه طراحی وب واکنش گرا بیندازیم و ببینیم که وبسایت‌ها با گذشت زمان چگونه تکامل یافته‌اند.

چگونه عکس های وردپرس را ریسپانسیو کنیم

https://roocket.ir/articles/how-to-make-wordpress-images-responsive

ورد پرس يك پلت فرم فوق العاده قوي ايست. ساخت یک تم ریسپانسیو و یکپارچه وقتی که اصول اولیه قالب سازی را می­دانید واقعا آسان است. عکس های ریسپانسیو چیزی نیستند که وردپرس خارج از باکس خود به آن بپردازد. در پایین ما به شما یاد میدیم که چطور هر عکس با اندازه دلخواه بصورت دستی ایجاد کنید و سپس در ادیتور خ...

ساخت ایمیل های واکنش گرا با MJML

https://roocket.ir/articles/building-responsive-emails-with-mjml

ساخت ایمیل های HTML شبیه ساخت سایت هاست. تنها تفاوت اینه که قالب باید با استفاده از ساخته بشه و استایل های CSS باید داخلی نوشته بشوند

3 مشکل رایج در طراحی رسپانسیو و چگونگی اجتناب از آنها

https://roocket.ir/articles/3-responsive-common-problem-in-the-design-and-how-to-avoid-them

طراحی رسپانسیو برای طراحاهان وب بسیار مفیده زیرا اونها با استفاده از این متد به کاربران اجازه میدن که به محتوای وبسایت ها با استفاده از طیف وسعی از دستگاه ها و بدونه نیاز به نسخه های متفاوت از یک سایت و همچنین به دور از مشکلاتی همچون پیمایش سخت و انعطاف پذیری کم دسترسی داشته باشن ! در این مقاله س...

۵ الگوی مناسب برای طراحی واکنشگرا

https://roocket.ir/articles/5-really-useful-responsive-web-design-patterns

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

شما به طراحی واکنشگرا نیاز دارید، اما آیا می‌دانید چرا؟

https://roocket.ir/articles/you-need-responsive-web-design-but-do-you-know-why

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

طراحی واکنشگرا - فونت و تایپوگرافی

https://roocket.ir/articles/reactive-design-fonts-and-typography

رسیدن به یک تایپوگرافی مایع (fluid) ممکنه ساده تر از اون چیزی باشه که شما فکر می کنید. این دارای پشتیبانی وسیع مرورگر هست, به سادگی پیاده سازی میشه و بدون این که کنترل طراحی از دست شما در بره, به دست میاد. 

بایدها و نبایدهای طراحی واکنشگرا

https://roocket.ir/articles/mastering-responsive-web-design

طراحی وبسایت برای موبایل تنها به این معنی نیست که تمام محتوای وبسایت را درون یک صفحه کوچک قرار دهید. شما برای این کار باید دانسته های خود را بیشتر کنید و سعی‌ در بهینه کردن محتوا برای پلتفرم نیز بکنید. حال ممکن است یادگیری این موارد وقت بسیاری ببرد اما بگذارید ساده بگویم

طراحی وب سازگار با موبایل برای داشتن یک وبسایت بهتر

https://roocket.ir/articles/mobile-web-design-for-a-better-site

داشتن یک وبسایت سازگار موبایل مهمترین بخش از آینده توسعه وب است. بیشتر وبسایت هایی که سازگار با موبایل هستند روش طراحی واکنشگرا را انتخاب کرده‌اند. با رشد هر روزه بازار موبایل های هوشمند تقاضای طراحی وب سازگار با موبایل هر روزه بیشتر و بیشتر می‌شود. 

نکات ux برای تسلط بر طراحی مجدد بعدی وب سایت

https://roocket.ir/articles/ux-tips-website-redesign

تجارت می تواند تنها در عرض چند سال متحول شود. 24 ماه قبل ، موبایل بیانگر حدود 10 درصد کل ترافیک اینترنت بود.امروزه به 25 درصد رسیده است و گوگل تغییرات رتبه بندی که وب سایت های بهینه شده برای تلفن های همراه روی صفحات نتایج موتور جستجو را اولویت بندی می کند ، درنوردیده است.خریداران نیز تغییر کرده اند....